@media (max-width : 1680px) {
  .circle .border,.circle:hover .border {
    /* content: ''; */
    width: 90%;
    height: 90%;
    top: 25px;
    left: 25px;
}
}

@media (max-width : 1600px) {

}
@media (max-width : 1440px) {
  .circle .border,.circle:hover .border {
    width: 90%;
    height: 90%;
    top: 20px;
    left: 20px;
}
}

@media (max-width : 1400px) {
  .hight_100vh {
    height: 80vh;
}

}

@media (max-width:1366px) {
    .hight_100vh {
    height: 100vh;
}
.g-recaptcha {transform:scale(0.85);-webkit-transform:scale(0.85);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
@media (max-width:1360px) {} 

@media (max-width:1280px) {


}
    
@media (max-width:1152px) {
.g-recaptcha {transform:scale(0.75);-webkit-transform:scale(0.75);transform-origin:0 0;-webkit-transform-origin:0 0;}
#myCarousel .carousel-caption h4{
  font-size: 30px;
  line-height: 40px;

}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 50px;
}
.email_deatils_main {
    display: none;
}
.email_deatils_duplicate {
    display: block;
    display: inline-block;
    width: 100%;
    float: left;
    padding: 3em 0 0 0;
}
.Shades {
    margin: 0px 0px;
    padding: 85px 50px;
}
  .circle .border,.circle:hover .border {
    /* content: ''; */
    width: 90%;
    height: 90%;
    top: 16px;
    left: 16px;
}
}
@media (max-width:1024px) {
  header nav.navbar .navbar-nav > li > a, nav.navbar.bootsnav ul.nav > li > a {
    margin: 0px 12px;
}

.custom-tab {
    position: relative;
    height: 150px;
    width: 150px;
    margin: 0 auto;
}

.g-recaptcha {transform:scale(0.70);-webkit-transform:scale(0.70);transform-origin:0 0;-webkit-transform-origin:0 0;}
  .hight_100vh,#myCarousel .carousel-inner .item > img {
    height: 80vh;
}
.carousel-caption h4 {
    font-size: 25px;
}

.Shades{
  padding: 85px 40px;
}
.container {
    width: auto;
}
.applicationBox h3 {
    font-size: 15px;
    line-height: 24px;
}
/*#myCarousel .carousel-caption {
    text-align: center;
    left: 65%;
    top: 50%;
    transform: translate(0%, -50%);
    right: inherit;
    bottom: inherit;
    padding-top: 0px;
    padding-bottom: 0px;
}
*/
.second_footer_section {
    width: 100%;
    display: inline-block;
    padding: 4em 0 0em 0;
}
}

@media (max-width:991px) {
  nav .accordion-menu, .sticky nav .accordion-menu {
    padding: 10px;
}
  .hight_100vh {
    height: 50vh;
}
.vandorImg{
  width: 80%;
}
#myCarousel .carousel-inner .item > img {
    height: 50vh;
}
/*#myCarousel .carousel-caption {
    text-align: center;
    left: 0%;
    top: 50%;
    transform: translate(0%, 0%);
    right: inherit;
     bottom: inherit; 
    padding-top: 0px;
    padding-bottom: 0px;
}*/
#myCarousel .carousel-caption h4 {
    font-size: 25px;
    line-height: 36px;
}
.custom-tab {
    height: 100px;
    width: 100px;
}

section {
    padding: 50px 0;
}
h1 {
    font-size: 25px;
    line-height: 44px;
}

  .overlay-menu ul {
    display: block;
    position: absolute;
    top: 6%;
    padding-left: 0px;
    width: 80%;
    background: #fff;
    height: 100%;
}
}
@media (max-width:800px) {
  .Shades {
    background: #ffca00;
    color: #000;
    font-size: 19px;
    line-height: 33px;
    min-height: 250px;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    margin: 0px 0px;
    padding: 85px 20px;
}
.contact_wraper .form_items .form_input {
    outline: none;
    border: none;
    padding: 8px 8px;
    font-family: 'Noto Sans', sans-serif;
    width: 85%;
}
}
@media (max-width:768px) {
  .container {
    width: auto;
}
}
@media (max-width:767px) {
  .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 15px;
}
  .pagination_box{
    padding: 15px 0px;
  }
  .img_width50{
    width: 50%;
  }

  .mobile_text {
  display: block;
}
  
  .overlay {
    background-color: transparent;
    opacity: 0 ;
  }

   

  header{
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.31);
    background: #fff;
}
.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: block;
    -webkit-align-items: center;
}
  .mobile_tab{display: block;}
  .hight_100vh {
    height: 40vh;
}
#myCarousel .carousel-inner .item > img {
    height: 40vh;
}
section {
    padding: 30px 0;
}
h1 {
    font-size: 20px;
    line-height: 24px;
}
.about_sec_one h1 {
    font-size: 20px;
}
p {
    font-size: 14px;
}
.section_heading ,#about2 h1{
  font-size: 25px;
  line-height: 36px;
}

.carousel-caption h4 {
    font-size: 18px;
    line-height: 22px;
}
.overlay-menu ul {
    display: block;
    position: absolute;
    top: 10%;
    padding-left: 0px;
    width: 80%;
    background: #fff;
    height: 100%;
}
.applicationBox h3{
  font-size: 15px;
  line-height: 24px;
}
.contact_wraper .form_items .form_input{
  width: 80%;
}
.contact_wraper .form_items{
  margin-bottom: 20px;
}
.submit_button{padding-top:0px; }
.list-inline>li{
  font-size: 20px
}
.social_div ul li a{
  padding: 0 0 0 10px;
}
.carousel-caption img{
  display: none;
}
}  
@media (max-width:650px){}
@media (max-width:600px) {
  .down-section {
    bottom: 15px;
}

  .swiper-slide{
    opacity: 1;
}
.swiper-slide.swiper-slide-active{
 opacity: 1;
}
}


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

@media (max-width:450px) {
  .overlay-menu ul {
    display: block;
    position: absolute;
    top: 10%;
    padding-left: 0px;
    width: 80%;
    background: #fff;
    height: 100%;
}
    .hight_100vh {
    height: 40vh;
}
#myCarousel .carousel-inner .item > img {
    height: 40vh;
}
@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1, 1);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 1);
  }
}
#myCarousel .carousel-inner .item > img {
    -webkit-animation: inherit;
    animation: inherit;
    height: 40vh;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 15px;
    font-size: 20px;
}
  .pagination_box{
    padding: 15px 0px;
  }
      .circle .border,.circle:hover .border {
    /* content: ''; */
    width: 90%;
    height: 90%;
    top: 14px;
    left: 14px;
}
}
@media (max-width:400px) {}
@media (max-width:350px) {
  .centered_contant p {
    margin: 0 0 0px;
}
}
  /*Footer*/
@media (max-width:320px) {
        .circle .border,.circle:hover .border {
    /* content: ''; */
    width: 90%;
    height: 90%;
    top: 12px;
    left: 12px;
}


}