
@media screen and (min-width: 1420px) {
  .container{max-width: 1360px;}
}

@media screen and (min-width: 1200px) {
/* footer start  */
.footer-top.ptb-100{padding-top: 91px; padding-bottom: 91px;}
/* footer end  */
}

@media screen and (max-width: 1400px) {
/* common css start  */
.pt-140{padding-top: 100px;}
.pb-140{padding-bottom: 100px;}
.ptb-140{padding-top: 100px; padding-bottom: 100px;}
.pt-100{padding-top: 85px;}
.pb-100{padding-bottom: 85px;}
.ptb-100{padding-top: 85px;padding-bottom: 85px;}

body {font-size: 24px; line-height: 34px;}
.custom-container{padding-left: 70px; padding-right: 70px;}
/* common css end */

/* footer start */
.copyright-text{justify-content: center;}
.copyright-text.design-text{justify-content: end;}
/* footer end */


}

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

/* common css start  */
.pt-140{padding-top: 80px;}
.pb-140{padding-bottom: 80px;}
.ptb-140{padding-top: 80px; padding-bottom: 80px;}
.pt-100{padding-top: 70px;}
.pb-100{padding-bottom: 70px;}
.ptb-100{padding-top: 70px;padding-bottom: 70px;}

body {font-size: 20px; line-height: 32px;}
h2 {font-size: 42px; line-height: 52px;}
h3 { font-size: 26px; line-height: 34px;}

.section-title h2 {margin-bottom: 20px;}
.section-title { margin: 0 auto 30px;}
h2.big-title {font-size: 50px;line-height: 60px;}

.common-btn {padding: 7px 32px; font-size: 22px;}
.common-btn-two {font-size: 22px;}
.custom-container {padding-left: 50px;padding-right: 50px;}
/* .common-btn:hover:before{content: none;} */
/* .common-btn:hover{background: #000;} */

/* video popup start */
.video-popup .modal-img iframe{height: 450px !important;}
.slider-popup .modal-video iframe{height:450px !important;}

.video-popup .modal-dialog {max-width: 828px;}
/* video popup end */

/* common arrows start  */
.arrows .owl-nav  button { height: 35px; width: 35px;}
.arrows .owl-nav button span{margin-bottom: 3px; font-size: 37px;}
.arrows .owl-nav { top: -45px;}
/* common arrows end  */
/* common css end */

/* header start  */
.lower-header .logo img{height: 55px;}
.lower-header  ul.navbar-nav > li:not(:last-of-type) {margin-right: 40px;}
.header-btn {margin-left: 40px;}
.lower-header {padding: 20px 0;}
.lower-header  .navbar-nav a {font-size: 16px;}
.header-btn a {padding: 8px 23px;font-size: 16px;}
.header-btn a::before{content: none;}
.header-btn a:hover{background-color: var(--theme-color);}

.sticky-header .lower-header .logo img {height: 42px;}
.sticky-header  .header-btn a { font-size: 15px;}
.sticky-header  .lower-header  .navbar-nav a {font-size: 15px;}
.navbar-expand-lg .navbar-nav .dropdown-menu a {font-size: 15px !important;}
.sticky-header  .lower-header {padding: 10px 0;}
.sticky-header  .navbar-expand-lg .navbar-nav .dropdown-menu {top: 40px;}
/* header end  */

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

/* our thinking section start  */
.our-thinking .custom-container { margin-bottom: 55px;}
.our-thinking-box iframe {height: 310px;}
.our-thinking-box h3 {font-size: 22px;line-height: 32px;}
.our-thinking-box span {font-size: 20px;line-height: 30px;}
.thinking-text {padding: 10px 20px 20px;}
.our-thinking .owl-stage-outer {padding-left: 0;}
.our-thinking .owl-item .item{opacity: 1;}
/* our thinking section end  */

/* home testimonial start */
.home-testimonial h2 {margin-bottom: 35px;}
.testimonial-content {margin-left: 20px;}
.testimonial-content img {margin-bottom: 20px;}
.testimonial-btn {margin-top: 25px;}
.testimonial-content {max-height: 250px;}
/* home testimonial end */

/* home client slider start */
.home-our-cliens .owl-carousel {padding: 15px 0;}
/* home client slider end */

/* footer start  */
.footer-top h2 {margin-bottom: 20px;}
.footer-bottom a {font-size: 20px;line-height: 28px;}
.footer-bottom p {font-size: 20px;line-height: 28px;}
.footer-bottom h3 {font-size: 22px;margin-bottom: 22px;}
.footer-logo img { margin-bottom: 30px;}
.footer-newsletter input {height: 45px !important; padding: 6px 15px;padding-right: 110px;}
.footer-newsletter #gform_submit_button_2 {font-size: 18px; padding: 8px 25px !important;}
.copy-right {padding: 15px 0;}

.footer-top .top-ftr-btn .common-btn::before{content: none;}
.footer-top .top-ftr-btn .common-btn:hover{background: #000;}
/* footer 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;}
.lower-header  .dropdown:hover > .dropdown-menu.main-sub-menu  {display: flex !important;}
/* .lower-header .dropdown > .dropdown-menu{padding-top: 26px;} */
.lower-header .dropdown .dropdown-menu{background:var(--dark-color) ;border: 0;}
.lower-header .dropdown .dropdown-menu li i{position: absolute;right: 10px; top: 13px; font-size: 17px;}
.lower-header .dropdown-menu li a{color: #ffffff !important;}
.lower-header .dropdown-menu li a.active{background-color: var(--theme-color) !important;}

 /* header end   */

}

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

  /* common css start  */
.pt-140{padding-top: 60px;}
.pb-140{padding-bottom: 60px;}
.ptb-140{padding-top: 60px; padding-bottom: 60px;}
.pt-100{padding-top: 50px;}
.pb-100{padding-bottom: 50px;}
.ptb-100{padding-top: 50px;padding-bottom: 50px;}

body {font-size: 18px; line-height: 28px;}
h2 {font-size: 36px; line-height: 46px;}
h3 {font-size: 24px;line-height: 32px;}
.section-title h2 {margin-bottom: 15px;}
.section-title {margin: 0 auto 20px;}
h2.big-title {font-size: 38px;line-height: 48px;}

.common-btn {padding: 6px 30px; font-size: 20px;}
.common-btn-two {font-size: 20px;}
.custom-container {padding-left: 30px;padding-right: 30px;}

/* common arrows start  */
.arrows .owl-nav {right: 20px;}
/* common arrows end  */
/* common css end */

/* video popup start */
.video-popup .modal-img iframe{height:380px !important;}
.slider-popup .modal-video iframe{height:380px !important;}
.video-popup .modal-dialog {max-width: 650px;}
/* video popup end */

  /* header start  */
  /* menu icon start  */
 .navbar-collapse .navbar-toggler{position: absolute;right: 15px;top: 15px;}
 .navbar-toggler{border: 0;}
 .navbar-toggler:focus{box-shadow: none;}
 .bar1, .bar2, .bar3 { width: 35px; height: 3px; background-color: #ffffff; margin: 8px 0; transition: 0.4s;}  
 .mobile-menu .bar1 { transform: translate(0, 11px) rotate(-45deg); }
 .mobile-menu .bar2 {opacity: 0;} 
 .mobile-menu .bar3 {transform: translate(0, -11px) rotate(45deg);}
  /* menu icon end  */
.lower-header .navbar-toggler{order: 2;  margin-left: 20px;}
.header-btn {margin-left: auto;}
  .lower-header li i {font-size: 16px; position: absolute;right: 0;  top: 4px;}
.lower-header  .navbar-nav a { padding: 10px 0 !important;}
.header-btn a {padding: 6px 21px; font-size: 16px;}
.sticky-header  .header-btn a {padding: 5px 21px;}
/* mobile manu start  */
 body.mobile-menu{overflow-y: hidden;}
 header .lower-header{overflow: hidden;}   .collapse:not(.show) { display: block;}
.navbar-collapse {position: fixed;top: 0;left: 100%;background: #222222;width: 100%;height: 100vh;transition: .5s;overflow-y: auto;overflow-x: hidden;}
.mobile-menu .navbar-collapse{left: 0%;transition: .5s;}
.lower-header  ul.navbar-nav > li:not(:last-of-type) {margin-right: 0px;}
.lower-header  .navbar-collapse{padding: 75px 15px 20px 15px; z-index: 9;}
.lower-header ul li:not(:last-of-type) {border-bottom: 1px solid #505050;}
.dropdown-menu{border-top: 1px solid #505050 !important;}
.lower-header li{display: block;}
/* dropdown-menu start  */
.dropdown-menu {border: 0;border-radius: 0;background: transparent; padding-top: 0 !important; position: initial !important;}
.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" }

/* dropdown-menu end  */
.mobile-menu .lower-header ul.navbar-nav  > li ul li{padding-left: 10px;} 
.lower-header  .dropdown-item:hover {color:var(--theme-color);background: transparent;}
.navbar-expand-lg .navbar-nav .dropdown-menu a{padding:10px 0!important;}
.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;} }

.lower-header .dropdown-menu li > a.active{background: transparent; color: var(--theme-color);}

/* mobile manu end  */
/* header end  */

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

  /* our thinking section start */
  .our-thinking .custom-container { margin-bottom: 50px;}
  .our-thinking-box iframe {height: 270px;}

  .thinking-img .youtube-icon {font-size: 25px; height: 40px; width: 60px;}
  /* our thinking section end */

   /* home-testimonial start  */
 .home-testimonial h2 {  margin-bottom: 25px;}
 .home-testimonial  .owl-prev {left: -17px;}
 .home-testimonial  .owl-next {right: -17px;}
 .testimonial-content { margin-left: 0;}
 .testimonial-content img { margin-bottom: 12px;height: 35px;}
 .testimonial-content  span { font-size: 16px;}
 .testimonial-content p{margin-bottom: 15px;}
 .testimonial-content {max-height: 200px;}
 /* home-testimonial end  */

/* footer start  */
.footer-top h2 {margin-bottom: 17px;}
.footer-bottom .col-sm-6:last-child{margin-top: 30px;}
.footer-bottom .col-sm-6:nth-last-child(2){margin-top: 30px}
.footer-bottom ul li:not(:last-of-type) {margin-bottom: 8px;}
.footer-bottom a {font-size: 18px;line-height: 26px;}
.footer-bottom p {font-size: 18px;line-height: 26px;}
.footer-bottom h3 {font-size: 20px; margin-bottom: 18px;}
.copyright-text.design-text {justify-content: center;margin-bottom: 5px;}
.footer-social-icon ul {justify-content: center;margin-top: 5px;}
.copyright-text p{text-align: center;}
/* footer end  */

}

@media screen and (min-width: 768px) {
  /* home about section start  */
  .home-about .row:nth-child(odd) {flex-direction: row-reverse;}
  /* home about section end  */

}
@media screen and (max-width: 767px) {

  /* common css start  */
  .pt-140{padding-top: 40px;}
  .pb-140{padding-bottom: 40px;}
  .ptb-140{padding-top: 40px; padding-bottom: 40px;}
  .pt-100{padding-top: 35px;}
  .pb-100{padding-bottom: 35px;}
  .ptb-100{padding-top: 35px;padding-bottom: 35px;}
  h3 {font-size: 22px;line-height: 30px;}

  p {margin-bottom: 15px;}
  body {font-size: 16px; line-height: 26px;}
  h2 {font-size: 28px; line-height: 38px;}

  h2.big-title {font-size: 30px;line-height: 40px;}
  
  .common-btn {padding: 5px 28px; font-size: 18px;}
  .common-btn-two {font-size: 18px;}
  .custom-container {padding-left: 15px;padding-right: 15px;}
  /* common css end */

  /* header start  */
  .lower-header {padding: 15px 0;}
  .sticky-header  .lower-header {padding: 8px 0;}
  .lower-header  .navbar-nav a { font-size: 15px;}
  .lower-header .logo img {height: 50px;}
  .sticky-header .lower-header .logo img { height: 40px;}
  /* header end  */

  /* video popup start */
.video-popup .modal-img iframe{height:300px !important;}
.slider-popup .modal-video iframe{height:300px !important;}

.video-popup .modal-dialog {max-width: 540px;}
.video-popup .modal-dialog .modal-content{margin: 0 10px;}
/* video popup end */

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

/* our thinking start  */
.our-thinking-box .thinking-img {margin-bottom: 5px;}
.our-thinking-box h3 { font-size: 20px;line-height: 30px;}
.our-thinking-box span {font-size: 18px;line-height: 28px;}
.our-thinking-box iframe {height: 230px;}
.thinking-text {padding: 5px 15px 15px;}

/* our thinking end  */

/* testimonial section start */
.home-testimonial h2 {margin-bottom: 16px;}
.testimonial-content img {margin-bottom: 8px;}
.home-testimonial  .owl-prev {left: 0;}
.home-testimonial  .owl-next {right: 0;}
.home-testimonial .owl-nav button span {font-size: 60px;}
.testimonial-content {margin-top: 22px;flex-direction: column; display: flex;align-items: center; text-align: center;}
.testimonial-btn {margin-top: 20px;}
/* .testimonial-content {max-height: 100%;} */
/* testimonial section start */

/* popup modal css start */
.video-popup .btn-close {height: 20px; width: 20px;}
/* popup modal css end */

  /* footer start  */
  .footer-bottom h3 {font-size: 18px; margin-bottom: 16px;}
  .footer-bottom a {font-size: 16px;line-height: 24px;}
  .footer-bottom ul li {list-style: none;line-height: 22px;}
  .footer-newsletter #gform_submit_button_2 {font-size: 16px;}
  /* footer end  */

}


  
@media screen and (max-width: 575px) {
  /* common css start  */
  .pt-140{padding-top: 30px;}
  .pb-140{padding-bottom: 30px;}
  .ptb-140{padding-top: 30px; padding-bottom: 30px;}
  .pt-100{padding-top: 25px;}
  .pb-100{padding-bottom: 25px;}
  .ptb-100{padding-top: 25px;padding-bottom: 25px;}
  
  h2 {font-size: 24px; line-height: 34px;}
  h2.big-title {font-size: 25px;line-height: 34px;}
  
  .common-btn { font-size: 16px;}
  .common-btn-two {font-size: 16px;}

  /* common arrow start */
  .arrows .owl-nav  button {height: 30px;width: 30px;}
  .arrows .owl-nav  button span {font-size: 30px;margin-bottom: 2px;}
  .arrows .owl-nav  button.owl-prev { margin-right: 5px;}
  .arrows .owl-nav { right: 15px;top: -40px;}
  /* common arrow end */

  /* common css end */

  /* video popup start */
  .video-popup .modal-img iframe{height:270px !important;}
  .slider-popup .modal-video iframe{height:270px !important;}
  .video-popup .modal-dialog {max-width: 450px;}
  .inner-common-slider .owl-item .item { padding: 0 15px;}
  .energy-practicality-slider .owl-item .item {padding: 0 15px;}
  .our-thinking .owl-item .item {padding: 0 15px;}
  /* video popup end */

/* header start */
.lower-header .logo img {height: 45px;}
.header-btn a {font-size: 15px;}
/* header start */

/* our-thinking section start  */
.our-thinking-box h3 { font-size: 18px; line-height: 28px;}
.our-thinking-box span {font-size: 16px; line-height: 26px;}
.thinking-img .youtube-icon {font-size: 25px; height: 40px; width: 60px;}

/* our-thinking section end  */

/* home-our-cliens section start  */
.home-our-cliens .section-title {margin-bottom: 0;}
.home-our-cliens .owl-carousel {padding: 6px 0;}
/* home-our-cliens section end  */

/* footer start */
.footer-top .custom-container { flex-direction: column;}
.footer-top .custom-container h2{margin-bottom: 12px;}
.footer-bottom .col-sm-6:last-child {margin-top: 0px;}
.footer-bottom .col-sm-6:nth-last-child(2) {margin-top: 0px;}
.footer-newsletter {margin-top: 15px; margin-bottom: 10px;}
.footer-logo img {margin-bottom: 15px; height: 50px;}
.footer-bottom .ftr-link{ border-top: 1px solid #5B5B5B; padding-top: 15px;margin-top: 15px; }
.footer-bottom .ftr-link ul{ display: none;margin-top: 15px;}
.footer-bottom .ftr-link i{position: absolute; right: 0; color: #fff;top: 16px; font-size: 30px;}
.footer-bottom h3 {margin-bottom: 0;position: relative;}
.footer-bottom h3:before{content: "\F4FE";font-family: bootstrap-icons !important; font-size: 30px; color: #fff; right: 0; top: 0px; position: absolute;}
.footer-bottom h3.active:before{content: "\F2EA";}

.footer-bottom  .custom-container.pt-100 {padding-top: 15px;}
/* footer end */

}


    
@media screen and (max-width: 479px) {
/* header start  */
.lower-header .logo img {height: 42px;}
.header-btn a {padding: 5px 16px; font-size: 14px;}
.lower-header .navbar-toggler {margin-left: 10px;}
.bar1, .bar2, .bar3 {width: 28px; height: 2px; margin: 7px 0;}
.mobile-menu .bar1 {transform: translate(0, 7px) rotate(-45deg);}
/* header end  */
  
}


  
