/* ========== All Mobile Responsive code Goes here */

@media (max-width: 1366px) {}

@media (min-width: 1200px) {

    /* header */
    .mobile-responsive {
        display: none !important;
    }
    /* End header */
}

@media (min-width:992px) and (max-width:1199px) {

    /* header */
    .mobile-responsive {
        display: none !important;
    }

    .main-navigation {
        display: flex !important;
    }
    /* =========== */
    li.nav-item {
        padding: 0px 5px;
    }
    /* End header */
    bannerinner-content {
        padding: 10px;
    }
    #main-banner {
        height: 510px;
    }
    .bannerinner-content h1 {
        font-size: 45px;
        line-height: 55px;
    }
    .service-box {
        padding: 10px;
    }
    .carousel .overview b {
        font-size: 14px !important;
    }






}

@media (min-width:768px) and (max-width:991px) {

    /* header */
    .mobile-responsive {
        display: block !important;
    }

    .main-navigation {
        display: none !important;
    }
    nav#mobile-menu {
    display: none;
    }
    /* End header */
    .bannerinner-content h1 {
    font-size: 34px;
    line-height: 44px;
}
.bannerinner-content {
    padding: 18px;
}
#main-banner {
    padding: 3% 0%;
    height: 350px;
}



    
    
}



/*====================Main Mobile Responsive ================*/
@media (max-width: 767px) {

    /* header */
    .mobile-responsive {
        display: block !important;
    }

    .main-navigation {
        display: none !important;
    }
    nav#mobile-menu {
        display: none;
    }
.logo {
    top: 10px;
}
 .navbar-container .hamburger-lines {
    top: 24px;
  right: 5px;
}
.menu-items li {
    margin-left: 0px !important;
}
    /* End header */
    
/* banner */
a.get-audit{
    padding: 10px 10px;
font-size: 16px;
}
a.get-proposal {
  padding: 10px 10px;
  margin-right: 10px;
}
.service-text {
  padding: 25px 25px 0px 25px;
}

.bannerinner-content {
    padding: 20px;
}
.bannerinner-content h1 {
font-size: 30px;
    line-height: 40px;
}
#main-banner {
    height: 420px;
}

.carousel .testimonial-wrapper {
  margin-bottom: 20px;
}
button.get-proposal{
    margin-right: 0px;
    margin-bottom: 20px;
}
.banner-buttons {
    display: block;
}
#about-company {
    padding: 5% 5%;
}
.content-info {
    padding: 20px 0px;
}
.blog-post-content {
    margin-bottom: 20px;
}
.contactdus {
    padding: 15px;
}
h3.post-title {
  font-size: 18px;
}
#main-servics {
  height: 330px;
}
#main-blog{
  height: 330px;
}
.post-pagination li {
  margin: 30px 6px 0px;
}
.website-content-info{
 padding: 10px 0px 10px 0px;
}
.website-box h4 {
  font-size: 30px;
}
.website-box{
    margin-bottom:15px;
}
.website-right-content {
  display: block;
  min-height: 150px;
  margin: 10px;
  border-radius: 0px !important;
}
.company-content h2 {
  font-size: 30px;
  padding: 0px !important;
}
.website-design-inner-content {
  padding: 0px 20px;
}
.commerce-price{
    margin-bottom:15px;
}
.socila-media-price {
  position: unset;
}
.commerce-inner {
  padding: 20px;
}
.commerce-inner h3 {
  font-size: 30px;
}








}

/*===========End Of Main Mobile Responsive============*/

@media (max-width: 575px) {

    /* header */
    .mobile-responsive {
        display: block !important;
    }

    .main-navigation {
        display: none !important;
    }

    /* End header */
    a.get-audit{
    padding: 10px 10px;
font-size: 16px;
}
a.get-proposal {
  padding: 10px 10px;
  margin-right: 10px;
}

}


@media(max-width:465px) {

    /* header */
    .mobile-responsive {
        display: block !important;
    }

    .main-navigation {
        display: none !important;
    }
    /* End header */
    a.get-audit{
    padding: 10px 10px;
font-size: 16px;
}
a.get-proposal {
  padding: 10px 10px;
  margin-right: 10px;
}
    
    
    
    
}
/*==========Mobile Of 360 Resolution=======*/
@media(min-width:360px) and (max-width:460px) {

    /* header */
    .mobile-responsive {
        display: block !important;
    }

    .main-navigation {
        display: none !important;
    }
    /* End header */
    a.get-audit{
    padding: 10px 7px;
font-size: 14px;
}
a.get-proposal {
  padding: 10px 7px;
  margin-right: 10px;
  font-size: 14px;
}
.bannerinner-content h1 {
  font-size: 26px;
  line-height: 36px;
}
#main-banner {
  height: 300px;
}
    
    
    
}