@media(min-width:1200px){

.container{max-width:1215px; margin: 0 auto; padding-left: 15px; padding-right: 15px; }

/* home banner start */
.banner-main video{height: 680px;}
/* home banner end */

}

@media(min-width:1500px){

  /* home banner start */
  .banner-main video { height: 940px;}
  /* home banner end */

}

@media(max-width: 1199px){

  h2{font-size: 35px;}
  .common-btn{min-width: 180px; padding: 14px 15px;}
  p{padding-bottom: 20px;}
  .ptb-60{padding-top: 45px; padding-bottom: 45px;}


/* header start */
.lower-header  ul.navbar-nav > li:not(:last-of-type) {margin-right: 50px;}
.lower-header .main-menu {margin-left: 30px;}
.lower-header .logo img{height: 70px;}
.lower-header  .navbar-nav .nav-link{padding: 34px 0px;}
/* header end */

/* home banner start */
.banner-main .bg-video {min-height: 410px;}
.banner-main .banner-contant h1 { font-size: 35px; margin-bottom: 14px;}
.banner-main .banner-contant .contant-box{padding: 30px 19px 40px 19px;}
/* home banner end */

/* about section start */
.about-main h2{margin-bottom: 15px;}
/* about section end */

/* service section start */
.service-left{margin-bottom: 25px;}
.home-service-sec h2{margin-bottom: 10px;}
/* service section end */

/* cta section start */
.cta-sec h2 { font-size: 32px; margin-bottom: 16px;}
.cta-left{padding: 42px 0px 40px 0px;}
/* cta section end */

/* contact section start */
.contact-sec h2{margin-bottom: 22px; font-size: 28px;}
.contact-form .form-control, .contact-form .form-select{font-size: 18px;}
.contact-form input[type=submit] { margin-top: 10px;}
.contact-form .form-control { margin-bottom: 18px;} 
/* contact section end*/


/* inner page strat */

/* faq page start */
.faqs-section .accordion-item{padding: 20px 20px 20px 40px;}
.accordion-body { padding: 15px 0;}
/* faq page end */

/* hero banner start */
.hero-banner { min-height: 340px;}
.hero-contant { padding: 30px 15px;}
.hero-contant h1 { font-size: 32px; margin-bottom: 20px; line-height: 30px}
/* hero banner end */

/* about page start */
.about-section h2 { margin-bottom: 20px; line-height: 25px;}
/* about page end */

/* contact page start */
.contact-page-sec { padding-top: 45px; padding-bottom: 80px;}
.contact-page-sec h3 { margin-bottom: 10px; font-size: 28px;}
.contact-page-sec .contact-page-left ul { margin-bottom: 10px;}

.contact-page-right { padding-left: 50px;}
.contact-page-sec h2 { font-size: 28px;}
/* contact page end */

/* thanyou page start */
.thankyou img{height: 120px;margin-bottom: 22px;}
.thankyou h2{font-size: 65px; line-height: 65px; }
.thankyou p{font-size: 20px; line-height: 28px;}
/* thanyou page end */

/* service details page start */
.left-service-desc { padding-top: 60px;}
.left-right-service-bg::before{background-size: 460px !important;}
.left-right-service-bg:nth-child(even) .row .left-service-desc { padding-left: 15px;}
.left-right-service-bg:nth-child(odd) .row .left-service-desc {padding-right: 15px;}
/* service details page end */

/* quote request page start */
.quote-request-section h2 { font-size: 28px; margin-bottom: 10px;}
.quote-request-box input:not(input[type="submit"]){font-size: 18px;}
.quote-request-box .submit-btn { margin-top: 15px;}
.quote-request-section .addtional-col label {margin-bottom: 8px;margin-top: 7px;font-size: 18px;}
/* quote request page end */

/* comman page start */
.comman-page h3{font-size: 32px;}
.comman-page h4{font-size: 30px;}
.comman-page h5{font-size: 28px;}
.comman-page h6{font-size: 26px;}
/* comman page end */


/* inner page end */




}



@media screen and (min-width: 992px) {
 /* header start   */
.lower-header  .dropdown:hover > .dropdown-menu,
.lower-header  .dropend:hover > .dropdown-menu {display: block !important;animation: smoothup .5s ;}
@keyframes smoothup{ 0%{opacity: 0;} 100%{opacity: 1;}}
.dropend:hover > .dropdown-menu { position: absolute;top: 0; left: 100%;  }
.lower-header  .dropdown-menu.main-sub-menu   li:not(:last-of-type) {border-bottom: 0;}
.lower-header .main-sub-menu{padding:  10px;}
.lower-header .main-sub-menu > li:not(:last-of-type){padding-right: 15px;}
.lower-header .main-sub-menu ul{padding-top: 10px;margin-top: 5px;    border-top: 1px solid #505050;}
.lower-header .main-sub-menu li{padding: 0;}
.lower-header  .dropdown-item.main-sub-menu{transition: .5s ease-in-out;}
.lower-header .main-sub-menu  .dropdown-item:hover {background: transparent !important;}
.lower-header  .dropdown:hover > .dropdown-menu.main-sub-menu  {display: flex !important;}
.lower-header .dropdown .dropdown-menu{background: #fff; border-top: 4px solid #60b6b3; }


.lower-header .dropdown-menu li a{color: #1D1D1B !important; background-color: transparent; padding: 5px 15px;}
.lower-header .dropdown-menu li a:hover{color: #45BEDB !important; background-color: transparent;}
.lower-header.sticky-header .dropdown-menu{top: 71px;}
.lower-header.sticky-header .dropend:hover > .dropdown-menu {top: 0;}
 /* header end   */

}

@media(max-width: 991px)
{

/* common css start */
.ptb-60 {padding-top: 40px;padding-bottom: 40px;}
.pt-60 {padding-top: 40px;}
.pb-60 {padding-bottom: 40px;}
h2{font-size: 30px;}
.common-btn { min-width: 170px; padding: 12px 15px;}
/* common css end */


  /* header start  */
.navbar-expand-lg .navbar-nav {flex-direction: column !important;}
/* header logo start   */
.lower-header .logo img {height: 56px;}
.navbar .row.header-row .col-12{justify-content: space-between;}
/* header logo end   */
    
/* mobile manu start  */
 /* menu icon start  */
.lower-header .navbar-nav{margin-bottom: auto; width: 100%;}
.navbar-collapse .navbar-toggler{position: absolute;right: 15px;top: 15px;}
.navbar-toggler{border: 0; display: block !important;}
.navbar-toggler:focus{box-shadow: none;}
.bar1, .bar2, .bar3 {width: 33px;height: 4px; background-color: var(--heading-color); margin: 6px 0; transition: 0.4s;}  
.mobile-menu .bar1 {transform: translate(0, 13px) rotate(-43deg);}
.mobile-menu .bar2 {opacity: 0;} 
.mobile-menu .bar3 {transform: translate(0, -7px) rotate(48deg);}
/* menu icon end  */
 body.mobile-menu{overflow-y: hidden;}
 header .lower-header{overflow: hidden; padding: 8px 0px;}   .lower-header .collapse:not(.show) { display: block;}
.navbar-collapse {position: fixed; z-index: 9; top: 0; right: -100%;background: var(--gradiant);width: 50%;height: 100vh;transition: .5s;overflow-y: auto;overflow-x: hidden;}
.mobile-menu .navbar-collapse{right: 0%;transition: .5s; z-index: 99;}
.lower-header  ul.navbar-nav > li:not(:last-of-type) {margin-right: 0px;}
.lower-header  .navbar-collapse{        padding: 50px 20px 30px 20px;}
.lower-header ul.navbar-nav li:not(:last-of-type){border-bottom: 1px solid #e6e6e6; ;}
.lower-header  .navbar-collapse {justify-content: start;}
.top-bar ul li a{text-decoration: none;}
.top-bar ul li a span{display: none;}
.top-bar .free-quat {padding: 9px 24px 9px;}
.main-menu .navbar-collapse{background-color: #fff;} 

.lower-header .top-bar ul li{border: 0;}

.lower-header.sticky-header .top-bar .free-quat{padding: 5px 23px 5px; }
 .lower-header.sticky-header .navbar-toggler .bar1,.lower-header.sticky-header .navbar-toggler .bar2,.lower-header.sticky-header .navbar-toggler .bar3 {background-color: var(--heading-color);}
.lower-header.sticky-header .logo {padding: 0px 0;}
.lower-header.sticky-header img {height: 46px;}
.lower-header.sticky-header  .navbar-nav .nav-link {padding: 8px 0px;}

/* dropdown-menu start  */
.dropdown-menu {border: 0;border-radius: 0;}
.lower-header   .dropdown-menu.show,
.lower-header   .dropdown-menu.show {margin: 0;}
.lower-header  .fa-angle-down:before {  right: 0; position: absolute; top: 12px;content: "\f107" }
.lower-header .navbar-nav .nav-link{text-align: left; display: flex; align-items: center; justify-content: space-between;  padding: 8px 0px;}
.lower-header .navbar-nav .nav-link.active {color: var(--heading-color);}
/* dropdown-menu end  */
.mobile-menu .lower-header ul.navbar-nav  > li ul li{padding-left: 10px;} 
.lower-header  .dropdown-item:hover {color:#45BEDB;background: transparent;}
.mobile-menu .lower-header ul.navbar-nav  > li ul li a{padding-left: 0;}
.mobile-menu .lower-header ul.navbar-nav  > li{animation: .9s aa;} 
@keyframes aa {  0%{transform: translateX(100px); opacity: 0;} 100%{transform: translateX(0); opacity: 1;} }
.navbar-expand-lg .navbar-nav .dropdown-menu{position:unset; width: 100%;}
.mobile-menu .lower-header ul.navbar-nav > li ul li a{padding: 8px 0;}
.lower-header ul li ul li:first-child{border-top: 1px solid #e6e6e6;}
/* mobile manu end  */

/* header end  */


/* home banner start */
.banner-main .bg-video {min-height: 340px;}
.banner-main .banner-contant h1 { font-size: 30px; margin-bottom: 10px;}
.banner-main .banner-contant .contant-box { padding: 25px 15px 35px 15px;}
/* home banner end */

/* home service start */
.home-service-sec .service-box .service-img img{max-height: 50px;}
.home-service-sec .service-box .service-btn{padding: 4px 34px;}
/* home service end */

/* cta section start */
.cta-sec h2 { font-size: 28px; margin-bottom: 12px;}
.cta-left::before{width: 790px;}
.cta-sec{background-size: cover;}
/* cta section end */

/* contact section start */
.contact-sec h2 {margin-bottom: 16px; font-size: 26px;}
.contact-form .form-control, .contact-form .form-select {margin-bottom: 15px; padding: 10px 0px;}
/* contact section end */

/* footer start */
.ftr-logo img{height: 65px;}
/* footer end */

/* inner page start */

/* faq page start */
.accordion-button::after{font-size: 20px;}
.accordion-button{font-size: 18px;}
.faqs-section .accordion-item {padding: 15px 15px 15px 25px;}
.accordion-body { padding: 10px 0;}
.accordion-body p{line-height: 28px;}
/* faq page end */

/* hero banner start */
.hero-banner { min-height: 290px;}
.hero-contant h1 { margin-bottom: 11px; font-size: 30px;}
/* hero banner end */

/* about page start */

.about-section h2 { margin-bottom: 20px;}
/* about page end */

/* contact page start */
.contact-page-right { padding-left: 0;}
.contact-page-sec h3 { font-size: 24px;}
.contact-page-sec h2 { font-size: 24px;}
/* contact page  end */

/* thanyou page start */
 .thankyou img{height: 100px;margin-bottom: 20px;}
 .thankyou h2{font-size: 55px; line-height: 55px; }
 .thankyou p{font-size: 18px; line-height: 26px;}
/* thanyou page end */

/* service details page start */
.left-right-service-bg::before { background-size: 370px !important;}
.left-right-service-bg:nth-child(even) .row .left-service-desc {padding-left: 0;}
.left-right-service-bg:nth-child(odd) .row .left-service-desc {padding-right: 0;}
.left-service-desc { padding-top: 30px;}
/* service details page end */

/* quote request page start */
.quote-request-section h2 { font-size: 26px; margin-bottom: 8px;}
.quote-request-box input:not(input[type="submit"]) { font-size: 17px; padding: 13px 0px;}
.quote-request-box select{font-size: 17px;}
.quote-request-box .location:before{background-size: 18px;}
.quote-request-section .addtional-col label {font-size: 17px;}
/* quote request page end */

/* comman page start */
.comman-page h3{font-size: 30px;}
.comman-page h4{font-size: 28px;}
.comman-page h5{font-size: 26px;}
.comman-page h6{font-size: 24px;}
.comman-page ul,.comman-page ol{margin-bottom: 20px;}
/* comman page end */

/* inner page end */


}

@media(min-width:768px){

  /* service page start */
  /* leftright section start  */
  .left-right-service-bg:nth-child(odd) .row{flex-direction: row-reverse;}
  
  .left-right-service-bg:nth-child(odd) .row .about-img{display: flex; justify-content: end;}
  
  /* leftright section end  */
  /* service page end */
  
  }

@media(max-width:767px){

/* common css start */
body {font-size: 15px;line-height: 24px;}
.common-btn{min-width: 150px;}
.ptb-60 {padding-top: 30px;padding-bottom: 30px;}
.pt-60 {padding-top: 30px;}
.pb-60 {padding-bottom: 30px;}
.ptb-35{padding-top: 30px; padding-bottom: 30px;}
h2{font-size: 28px;}
h1 { font-size: 30px;}
/* common css end */

/* header start */
.navbar> .container{justify-content: center;}
.lower-header .logo img {height: 45px;}
.top-bar-main ul li {margin-right: 28px;}

/* sticky header start */
.lower-header.sticky-header .logo img {height: 40px;}
/* sticky header end */
/* header end */

/* home banner start */
.banner-main .banner-contant h1 { font-size: 26px; margin-bottom: 8px;}
.banner-main .banner-contant .contant-box{padding: 20px 15px;}
.banner-main .bg-video {min-height: 260px;}
/* home banner end */

/* about us start */
.about-main .row{flex-direction: column-reverse;}
.about-main .about-img{margin-bottom: 20px;}
.about-main .about-img img{max-height: 320px;}
.about-main h2 {margin-bottom: 10px;}
.about-main .about-img{text-align: center;}
/* about us end */

/* service section start */
.home-service-sec .service-box{margin-bottom: 20px;}
/* service section end */

/* cta section start */
.cta-left::before,.cta-left::after{content: none;}
.cta-left{padding: 20px; background: rgb(49 49 49 / 70%);}
.cta-sec h2 { font-size: 26px; margin-bottom: 10px;}
/* cta section end */

/* contact section start */
.contact-left{margin-bottom: 20px;}
.contact-sec h2 {margin-bottom: 15px; font-size: 24px;}
/* contact section end */

/* footer start */
.ftr-links{margin-bottom: 20px;}
.footer-top h4{margin-bottom: 8px;}
.approved-aeo{margin-top: 0;}
/* footer end */

/* inner page start */

/* hero banner start */
.hero-banner { min-height: 280px;}
.hero-contant { padding: 25px 15px;}
/* hero banner end */

/* about apge start */
.about-section h2 { margin-bottom: 12px;}
.about-section .row { flex-direction: column-reverse;}
.about-section .about-img { text-align: center; margin-bottom: 20px;}
.about-section .about-img img { max-height: 300px;}
.about-content-img img { max-height: 90px;}
/* about apge end */

/* contact page start */
.contact-page-sec { padding-top: 35px; padding-bottom: 65px;}
.contact-page-sec h3 { margin-bottom: 8px; font-size: 22px;}
.contact-page-left { margin-bottom: 20px;}
.contact-page-right { padding-left: 0;}
.contact-page-sec .contact-form .form-control { padding-bottom: 10px;}
/* contact page end */

/* thanyou page start */
.thankyou img{height: 90px;margin-bottom: 18px;}
.thankyou h2{font-size: 45px; line-height: 45px; }
 .thankyou p{font-size: 16px; line-height: 24px;}
 /* thanyou page end */

 /* service details page start */
 .left-service-img{text-align: center;}
 .left-service-img img{max-height: 300px;}
 .left-service-desc {padding-top: 15px;}
 .left-right-service-bg::before { background-size: 280px !important; opacity: 0.2;}
 /* service details page end */

 /* quote request page start */
 .quote-request-box .submit-btn {margin-top: 5px;}
 /* quote request page end */

 /* comman page start */
.comman-page h3{font-size: 26px;}
.comman-page h4{font-size: 24px;}
.comman-page h5{font-size: 22px;}
.comman-page h6{font-size: 20px;}
.comman-page ul,.comman-page ol{margin-bottom: 18px;}
/* comman page end */

/* inner page end */



}

@media(max-width:575px){

/* common css start */
.ptb-60 {padding-top: 25px;padding-bottom: 25px;}
.pt-60 {padding-top: 25px;}
.pb-60 {padding-bottom: 25px;}
.ptb-35 { padding-top: 25px; padding-bottom: 25px;}
h2{font-size: 26px;}
p { padding-bottom: 16px;}
.common-btn { min-width: 130px; padding: 10px 12px;}
/* common css end */

/* header start */
.navbar-collapse{width: 100%;}
/* header end */

/* home banner start */
.banner-main .banner-contant h1{font-size: 24px;}
/* home banner end */

/* home about start */
.about-main h2 { margin-bottom: 8px;}
/* home about end */

/* home service section start */
.home-service-sec h2 { margin-bottom: 8px;}
.home-service-sec .service-box{padding: 20px 10px;}
.home-service-sec .service-box h4{margin-bottom: 10px;}
/* home service section end */

/* cta section start */
.cta-sec h2 { font-size: 24px; margin-bottom: 8px;}
/* cta section end */

/* contact section start */
.contact-form .form-control, .contact-form .form-select { font-size: 16px; margin-bottom: 10px;}
/* contact section end */

/* footer start */
.ftr-links{margin-bottom: 0;}
.footer-top .col-md-3{padding-bottom: 12px; margin-bottom: 12px; border-bottom: 1px solid rgb(255, 255, 255 , 10%);}
.approved-aeo img{height: 30px;}
.footer-copyright{padding: 10px 0px;}
/* footer end */

/* inner page start */

/* faq page start */
.accordion-button::after { font-size: 16px; top: 0px;}
.faqs-section .accordion-item { padding: 12px 12px 12px 20px;}
.faqs-section .accordion-item{margin-bottom: 15px;}
/* faq page end */

/* hero banner start */
.hero-banner { min-height: 230px;}
.hero-contant h1 { font-size: 24px; margin-bottom: 5px;}
.hero-contant { padding: 20px 15px;}
/* hero banner end */

/* about page start */
.about-section h2 { margin-bottom: 10px;}
.about-section .about-img img { max-height: 240px;}
.about-content-img img { max-height: 75px;}
/* about page end */

    /* thanyou page start */
    .thankyou img{height: 80px;margin-bottom: 16px;}
    .thankyou h2{font-size: 40px; line-height: 40px; }
    /* thanyou page end */

/* contact page start */
.contact-page-sec { padding-top: 25px; padding-bottom: 45px;}
.contact-page-sec h3 { font-size: 20px;}
.contact-page-sec h2 { font-size: 20px;}

/* contact page end */

/* quote request page start */
.quote-request-box input:not(input[type="submit"]) { font-size: 16px; padding: 11px 0px; margin-bottom: 16px;}
.quote-request-box select { font-size: 16px; margin-bottom: 16px;}
.quote-request-section h2 { font-size: 24px;}
.quote-request-section .addtional-col label {font-size: 16px;margin-bottom: 7px;}
.quote-request-section .addtional-col textarea { height: 110px;}

/* quote request page end */

/* comman page start */
.comman-page h3{font-size: 24px;}
.comman-page h4{font-size: 22px;}
.comman-page h5{font-size: 20px;}
.comman-page h6{font-size: 20px;}
.comman-page ul,.comman-page ol{margin-bottom: 15px;}
/* comman page end */

/* inner page end */



}

@media(max-width:479px){

/* common css start */
.common-heading h2 {font-size: 20px; line-height: 28px;}
/* common css end */

/* header start */
.lower-header .logo img {height: 42px;}
/* header end */

/* home service start */
.home-service-sec .service-right .col-6{width: 100%;}
.home-service-sec .service-box { margin-bottom: 15px; width: 100%;}
/* home service end */

/* inner page start */

/* hero banner start */
.hero-contant h1 { font-size: 22px;}
/* hero banner end */

/* contact page start */
.contact-page-sec { padding-top: 20px; padding-bottom: 30px;}
/* contact page end */

/* inner page end */

}