/**************** responsive start*****************/
@charset "utf-8";

 @-ms-viewport {
 width: device-width;
}
.visible-phone {
 display: none !important;
}
.visible-tablet {
 display: none !important;
}
.hidden-desktop {
 display: none !important;
}
.visible-desktop {
 display: inherit !important;
}

@media all and (-ms-high-contrast:none)
     {
     
 /*    *::-ms-backdrop, ul.nav li:Last-Child a{ width:83px; }
*::-ms-backdrop, ul.nav li:Last-Child a:hover{width:83px;}

*::-ms-backdrop, .hd{font-weight:normal;}*/
 /* IE11 */
     }


@media screen and (-webkit-min-device-pixel-ratio:0) {



}
@media screen and (min-width:1280px)   {}
@media screen and (min-width:997px)  and (max-width:1279px) {

  .header .header-right {
    padding-top: 10px;  width:380px;float:right; text-align:center;display:flex; justify-content:center;align-items:center
  }
.banner-section .form {
  width:380px; float:right;}

.banner-section-left h3 {
  color: #fff;
  font-size:22px}

.banner-section .form h2 {

  font-size: 19px;}


}

@media screen and (min-width:768px) and (max-width:996px) {
 .header .header-detail h5 {
     font-size: 16px;
  }
  .header .header-detail h1 {
    font-size: 28px;
  }
  .header .mobile-icon {
    width: 30px;
   
    margin-right: 20px;
  }
   .header .header-right {
    padding-top: 10px;  width:360px; margin:0 auto ;}
	.banner-section{text-align:center; padding:20px 0px 50px 0px}
	
	.banner-section .form {
  width:86.6%; float:none; margin:0 auto; margin-top:30px;}
 .header .header-logo  {
    width: 200px;
    float: left;
    margin-right: 51px; padding-top:5px;
  }
  .video{text-align:center; width:86%; margin:0 auto}
  .video iframe{width:100%; margin:0 auto}
  
  .videoimg{position: relative;
    padding-bottom: 49%;
 padding-top:20px;
    height: 0;
    overflow: hidden; margin-top:20px }
	.banner-section-left{}
.banner-section-left h3 {
  color: #fff;
  font-size:26px}
  .banner-section .form  h2{font-size:26px}
}


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

 .header .header-detail h5 {
     font-size: 16px;
  }
  .header .header-detail h1 {
    font-size: 28px;
  }
  .header .mobile-icon {
    width: 30px;
   
    margin-right: 20px;
  }
   .header .header-right {
    padding-top: 10px;  width:300px;}
	.banner-section{text-align:center}
	
	.banner-section .form {
  width:87%; float:none; margin:0 auto; margin-top:30px;}

.banner-section-left h3 {
  color: #fff;
  font-size:20px}
  .header .header-logo  {
    width: 200px;
    float: left;
    margin-right: 51px; padding-top:5px;
  }
.home .home-img {margin-bottom:20px; }

.videoimg{position: relative;
    padding-bottom: 50%;
 padding-top:20px;
    height: 0;
    overflow: hidden; margin-top:20px }

  .video{text-align:center; width:87%; margin:0 auto}
	.videoimg{position: relative;
    padding-bottom: 58%;
 padding-top:20px;
    height: 0;
    overflow: hidden; margin-top:20px }
	
	.customer .banner-slide h2 {
    font-size: 24px;}
}

@media screen and (max-width:600px) {
.container{width:90%; margin:0 auto}

.banner-section-left h3 {
  color: #fff;
  font-size:24px; line-height:34px}

  .header .header-logo  {
    width: 200px;
    float: none; text-align:center;
    margin-right:0px; padding-top:5px; margin:0 auto
  }
.header .header-right {
    padding-top: 10px;  width:100%; float:none; margin:0 auto; margin-top:20px;}
.banner-section .form {
  width:100%; float:none; margin:0 auto; margin-top:30px;}

}

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


.home .home-img {
 
  width: 100%; display:flex;justify-content:center;align-items:center; align-content:center;flex-direction:column 
}
.home .home-img img{margin-bottom:20px;}


.customer .banner-slide button{background:#8e744b; padding:15px 0px; color:#fff; font-size:13px; color:#fff; min-width:200px}
.banner-section {padding:20px 0px}
.banner-section .form h2{font-size:16px}
.banner-section .form{padding: 20px 15px;}
.banner-section .form button {font-size:16px}
.home h3{font-size:19px;}
.video{text-align:center; width:100%; margin:0 auto}
.videoimg{position: relative;padding-bottom: 48%;padding-top:20px;height: 0;overflow: hidden; margin-top:20px }
	
.owl-carousel .owl-nav div {display:none}
.customer .banner-slide {width:98%}
.gallery h3 {color: #124779; font-size: 22px;}
.gallery .para p {font-size: 16px;line-height: 24px; width: 95%; margin: 0 auto;margin-bottom: 0px;}
}
/**************** responsive end*****************/