@media(min-width:1200px){

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

}

@media(max-width: 1199px){
/* common css start */
.ptb-60 {padding-top: 50px;padding-bottom: 50px;}
.pt-60 {padding-top: 50px;}
.pb-60 {padding-bottom: 50px;}

.common-heading h2 {font-size: 36px;margin-bottom: 22px;line-height: 46px;}
p {padding-bottom: 20px;}
.common-btn {min-width: 233px !important; padding: 14px 42px 16px !important;}
/* common css end */


h2{font-size: 36px; font-weight: 600;}
h4{font-size: 24px; font-weight: 600;}
h5{font-size: 20px; font-weight: 600;}



/* header start */
.top-bar-main ul {padding: 10px 0;}
.lower-header  ul.navbar-nav > li {padding: 22px 0;}
.lower-header  ul.navbar-nav > li:not(:last-of-type) {margin-right: 90px;}
/* header end */

/* home banner start */
.banner-main .bg-video {min-height: 470px;}
.banner-main .banner-contant .contant-box {padding: 73px 24px;}
.banner-main .banner-contant h1 {font-size: 38px;margin-bottom: 12px;}
/* home banner end */

/* offer sec. start */
.offer-contant ul {margin-bottom: 20px;}
.offers-list .offer-box {padding: 22px 11px;}
.offers-list .offer-box h5 {margin-bottom: 5px;}
.offer-contant ul li::before {top: 13px;}
/* offer sec. end */

/* inner page start */
/* hero banner start */
.hero-banner {min-height: 392px; }
.hero-contant{padding: 50px 20px;}
.hero-contant h1 {font-size: 38px;line-height: 46px;margin-bottom: 14px;}
/* hero banner end */

/* product section start */
.ceiling-system-box .system-img {height: 219px;}
/* product section end */

/* contact us page start */
.contact-form {padding-left: 10px;padding-right: 10px;}
.contact-form form .col {margin-bottom: 22px;}
.contact-form form textarea {min-height: 118px;}
/* contact us page end */



/* thank you page start */
.thank-you-section .thankyou h2 {font-size: 70px;line-height: 72px;}
.thank-you-section .thankyou img {height: 110px; margin-bottom: 15px;}
.thank-you-section .thankyou p {font-size: 20px; line-height: 28px;}
/* thank you 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 #45BEDB; padding: 12px 0px 9px;}
.lower-header .dropdown-menu{top: 90px;}

.lower-header .dropdown-menu li a{color: #1D1D1B !important; background-color: transparent; padding-left: 14px; padding-right: 14px;}
.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;}


.common-heading h2 {font-size: 32px;margin-bottom: 15px; line-height: 44px;}
p {padding-bottom: 14px;}
.common-btn {min-width: 201px !important;padding: 9px 28px 9px !important;font-size: 15px !important;}



h2{font-size: 32px; font-weight: 600;}
h3{font-size: 28px; font-weight: 600;}
h4{font-size: 24px; font-weight: 600;}
h5{font-size: 19px; font-weight: 600;}


/* common css end */


  /* header start  */
.navbar-expand-lg .navbar-nav {flex-direction: column !important;}
/* header logo start   */
.lower-header .logo img {height: 56px;}
/* 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: #45BEDB; 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;}   .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  ul.navbar-nav > li {padding: 5px 0;}
.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: #45BEDB;}
.lower-header.sticky-header .logo {padding: 7px 0;}
.lower-header.sticky-header img {height: 46px;}

/* 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-right: 5px;}
.lower-header .navbar-nav .nav-link.active {color: #45BEDB;}
/* 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;}
.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: 390px;}
.banner-main .banner-contant .contant-box {padding: 62px 24px;}
.banner-main .banner-contant h1 {font-size: 36px;margin-bottom: 10px;}
/* home banner end */

/* about sec. start */
.about-main .row{flex-direction: column-reverse;}
.about-main .about-img{text-align: center; margin-bottom: 20px;}
/* about sec. end */

/* offer sec. start */
.offer-contant{margin-bottom: 30px;}
.offer-contant ul li {line-height: 24px;}
.offer-contant ul li::before {top: 11px;}
.offer-contant ul {margin-bottom: 15px;}
/* offer sec. end */

/* footer start */
.footer-left p br{display: none;}
.footer-left  ul li {line-height: 23px;}
.footer-right ul {margin-bottom: 6px;}
/* footer end */


/* inner page start */
/* hero banner start */
.hero-banner {min-height: 332px;}
.hero-contant {padding: 40px 20px;}
.hero-contant h1 {font-size: 35px;margin-bottom: 10px;}
.hero-contant p {line-height: 21px;}
/* hero banner end */

/* contact us page start */
.contact-form form input[type='submit'] {line-height: inherit;}
.right-side.contact-form{padding-left: 0px; padding-right: 0px;}
.contact-left{margin-bottom: 28px;}
.mail-contact ul li h4 {margin-bottom: 10px;font-size: 22px;}
.mail-contact ul li {padding-bottom: 36px;margin-right: 39px;}
.address h3 {font-size: 24px;line-height: 34px;}
.address {padding: 26px 30px;}
/* contact us page end */


/* popup start */
/* .enquire-popup {max-width: 620px;} */
.enquire-popup h5 {font-size: 26px;}
/* popup end */

/* thank you page start */
.thank-you-section .thankyou h2 {font-size: 60px;line-height: 60px;}
.thank-you-section .thankyou img {height: 100px; }
.thank-you-section .thankyou p {font-size: 18px; line-height: 26px;}
/* thank you page end */

}

@media(max-width:767px){

/* common css start */
body {font-size: 15px;line-height: 28px;}
.common-heading h2 {font-size: 27px; margin-bottom: 10px; line-height: 35px; }
.ptb-60 {padding-top: 30px;padding-bottom: 30px;}
.pt-60 {padding-top: 30px;}
.pb-60 {padding-bottom: 30px;}


h2{font-size: 28px;}
h3{font-size: 26px;}
h4{font-size: 22px;}
h5{font-size: 20px;}

.cms-details ul li:not(:last-child),.cms-details ul li:not(:last-child) {margin-bottom: 10px;}


/* common css end */

/* header start */
.navbar> .container{justify-content: center;}
.top-bar-main ul {padding: 5px 0;}
.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 .bg-video {min-height: 300px;}
.banner-main .banner-contant .contant-box {padding: 51px 24px;}
.banner-main .banner-contant h1 {font-size: 30px;margin-bottom: 6px;}
/* home banner end */

/* footer start */
.footer-left{margin-bottom: 30px;}
.footer-right ul{justify-content: center;}
.footer-right p{text-align: center; line-height: 20px;}
/* footer end */

/* inner page start */

/* hero banner start */
.hero-banner {min-height: 262px;}
.hero-contant h1 {font-size: 30px;margin-bottom: 6px;}
.hero-contant {max-width: 382px; padding: 28px 20px;} 
/* hero banner end */

/* product page start */
.ceiling-system-box .system-img {height: 249px;}
/* product page end */

/* contact page start */
.contact-form {padding-left: 0px;padding-right: 0px;}
.address {padding: 16px 23px 22px;}
.address h3 { margin-bottom: 5px; font-size: 22px;line-height: 30px;}
.address address {line-height: 22px;}
.mail-contact ul li h4 {margin-bottom: 6px;font-size: 20px;}
.mail-contact ul li { padding-left: 15px; padding-bottom: 30px;}

.contact-form form .col {margin-bottom: 20px;}
/* contact page end */

/* popup start */
/* .enquire-popup {max-width: 500px;} */
.enquire-popup .modal-header {padding: 13px 20px 13px;}
.enquire-popup button.btn-close {top: 15px;right: 15px;}
/* popup end */


/* thank you page start */
.thank-you-section .thankyou h2 {font-size: 50px;line-height: 50px;}
.thank-you-section .thankyou img {height: 85px; }
.thank-you-section .thankyou p {font-size: 16px; line-height: 24px;}
/* thank you page end */

}

@media(max-width:575px){

/* common css start */
.common-heading h2 {font-size: 22px;/*margin-bottom: 6px;*/line-height: 30px;}
.ptb-60 {padding-top: 25px;padding-bottom: 25px;}
.pt-60 {padding-top: 25px;}
.pb-60 {padding-bottom: 25px;}
.common-btn {min-width: 180px !important; padding: 6px 25px 8px !important; font-size: 14px !important;}


h2{font-size: 25px;}
h3{font-size: 22px;}
h4{font-size: 20px;}
h5{font-size: 18px;}

/* common css end */


/* header start */
.navbar-collapse{width: 100%;}
.lower-header .logo {padding: 7px 0;}
/* header end */

/* home banner start */
.banner-main .bg-video {min-height: 250px;}
.banner-main .banner-contant .contant-box {padding: 40px 24px;}
.banner-main .banner-contant h1 {font-size: 28px; /*margin-bottom: 4px;*/}

/* home banner end */

/* offer section start */
.offers-list .col { width: 100%;}
.offers-list .offer-box h5 {margin-bottom: 0px;}
.offers-list .offer-box {padding: 18px 11px;}
/* offer section end */

/* inner page start */
/* hero banner start */
.hero-banner {min-height: 242px;}
.hero-contant h1 {font-size: 28px;line-height: 38px;}
/* hero banner end */

/* product section start */
.ceiling-system-box{align-items: center; }
.ceiling-system-box .system-name {padding-top: 10px; width: 100%;}
.ceiling-system-box .system-name h5 {margin-bottom: 10px; text-align: left;}
.ceiling-system-box .system-name a {padding: 5px 18px 6px;}
/* product section end */

/* contact us page start */
.mail-contact ul li h4 {  margin-bottom: 2px;font-size: 18px;}
.mail-contact ul li {margin-right: 28px; padding-bottom: 22px;}
.address address {font-size: 14px;}
/* contact us page end */

/* popup start */
.enquire-popup {max-width: 90%; margin: 0 auto;}
.enquire-popup h5 {font-size: 22px;}
/* popup end */


 /* thank you page start */
.thank-you-section .thankyou h2 {font-size: 40px;line-height: 40px;}
.thank-you-section .thankyou img {height:75px; }
.thank-you-section .thankyou p {font-size: 15px; line-height: 22px;}
/* thank you page end */

}

@media(max-width:479px){

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


h2{font-size: 20px;}
h3{font-size: 20px;}
h4{font-size: 18px;}

/* common css end */

/* header start */
.top-bar-main ul {display: block;}
.top-bar-main ul li {margin-right: 0;line-height: 23px;}
.lower-header .logo img {height: 42px;}
/* header end */
/* home banner start */
.banner-main .bg-video {min-height: 180px;}
.banner-main .banner-contant h1 {font-size: 22px;}
.banner-main .banner-contant .contant-box {padding: 20px 20px;}
.banner-main .banner-contant p {line-height: 20px;}
/* home banner end */

/* offer sec. start */
.offer-contant ul li {line-height: 22px;}
.offers-list .col {margin-bottom: 15px;}
.offers-list .col:last-child {margin-bottom: 0px;}
/* offer sec. end */

/* footer start */
.footer-left {margin-bottom: 20px;}
.footer-right ul {flex-wrap: wrap; margin-bottom: 10px;} 
.footer-right ul li{line-height: 22px;}
/* footer end */

/* inner page start */
/* hero banne start */
.hero-contant {padding: 20px 20px;}
.hero-contant h1 {font-size: 26px;line-height: 36px;}
/* hero banne end */

/* product page start */
.ceiling-systems .row .col{width: 100%;}
.ceiling-system-box .system-img {height: auto;}
.ceiling-system-box {width: fit-content;margin-left: auto;margin-right: auto;}
/* product page end */

/* contact page start */
.mail-contact {margin-bottom: 20px;}
.mail-contact ul li h4 {font-size: 16px;}
.address address br{display: none;}
.address {padding: 14px 14px 22px;}
.address h3 {margin-bottom: 2px;font-size: 20px;line-height: 28px;}

.right-side.contact-form form {padding: 20px;}
.contact-form form .col{width: 100%; margin-bottom: 15px;}
.contact-form form label {margin-bottom: 3px;}
.address address {max-width: 245px;}
/* contact page end */


/* .enquire-popup {max-width: 300px;} */
.modal-body.contact-form {padding: 20px; padding-top: 0;}
.enquire-popup .modal-header{justify-content: flex-start;}
.enquire-popup h5 {font-size: 18px;}
.enquire-popup button.btn-close {top: 12px;right: 12px;font-size: 12px;}



}

@media(max-width:361px){

.mail-contact ul {display: block;}
.mail-contact ul li{padding-left: 10px; padding-bottom: 16px;}
.mail-contact ul li:not(:last-child){margin-right: 0; margin-bottom: 10px;}


}