@charset "utf-8";

@media only screen and (min-device-width : 228px) and (max-device-width : 320px) {

}
 
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 321px) and (max-device-width : 480px) {

.header .navbar, .showheader .navbar{
  padding:7px 5px 5px 0px !important;
}
.newsblock, .service_block{
  margin-bottom:5px !important;
}
.navbar button{
  border:1px solid #efefef;
  float:right !important;
  color:#e0e0e0;
}
.trapezoid{
  width:100% !important;
  border-right:0px !important;
}
.testimonial{
  padding:90px 20px 50px 20px !important;
}
.testimonial::before {
  left:70px !important;
  top:30px !important;
  font-size:50px !important;
}
.testimonial::after {
  right:40px !important;
  font-size:50px !important;
  bottom:65px !important;
}
.topemployers{
  padding:50px 0px 50px 0px !important;
}
.rectangle{
  display:none !important;
}
.rolling_group{
  background-color:#fff;
  padding-left:40px !important;
  margin-top:20px;
  padding:20px 0px 20px 40px;
}
.rolling_group h1{
  padding-top:0px !important;
}
.rolling_group ul li::before {
  left:56px !important;
}
.heading-title::after{
  left:37% !important;
}
.contact_icon{
  margin-bottom:10px !important;
}
.contactblock{
  margin-bottom:10px !important;
}
.caption{
  width:50% !important;
  padding: 40px 20px !important;
  font-size:20px !important;
  font-size:16px !important;
  margin-top:1px !important;
}
.rollingslider{
  height:133px !important;
}
.certifylogo img{
width:60% !important;
}
.hidden-xs{
  display:none;
}
.inner_banner{
  background-size: auto !important;
}
#disctrict{
  margin-bottom:12px ;
  }
.rolling_form input{
  margin-bottom:7px;
}
.gallery_list{
  margin-bottom:30px;
}
.pricelist_block{
  margin-bottom:10px !important;
}
.hashtag{
  line-height: 34px;
}
.raterms{
padding:5px 9px !important;
}
.rollingcontact{
  padding-top:10px !important;
}
.formbg{
  padding:10px !important;
}
}

@media only screen and (min-device-width : 481px) and (max-device-width : 767px) {

}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  .caption{
    width:40% !important;
    padding: 40px 20px !important;
    font-size:20px !important;
  }
  .rollingslider{
    height:284px !important;
  }
  
  .header .navbar, .showheader .navbar{
    padding:7px 5px 5px 0px !important;
  }
  .mainNav .nav-item a.nav-link{
    padding: 4px 8px !important;
  }
  .mainNav ul li{
    padding: 0px 2px !important;
  }
  .mainNav .nav-item a.nav-link{
    font-size:11px !important;
  }
  .comnbtn{
    padding:4px 6px !important;
  }
  .testimonial{
    padding:38px 54px 11px 20px !important;
  }
  .testimonial::before, .testimonial::after{
    font-size:50px !important;
  }
  .reviewer_img{
    width:64px !important;
    height:64px !important;
  }
  .trapezoid {
    border-top: 360px solid #019ddc !important;
    border-right: 64px solid transparent !important;
  }
  .trapezoid::after{
    bottom: 325px !important;
  }
  .rolling_group{
    padding-left:20px !important;
    padding-top:115px !important;
  }
  .rolling_group ul li::before {
    left:36px !important;
  }
  .rectangle{
    background:url(../images/group_image.png) no-repeat 100% 100%, #f6f6f6 !important;
  margin-top:121px !important;
  }
  .hidden-md{
    display:none !important;
  }
  .inner_banner{
    background-size: auto !important;
  }
  .pricelist_block{
    margin-bottom:10px !important;
  }
  .rollingcontact{
  padding-top:10px !important;
}
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) {
  .mainlogo{
    padding:5px 20px 5px 120px !important;
    }
    .rolling_group{
      padding-left:50px !important;
    }
    .rolling_group ul li:before{
      left:68px !important;
    }
}


@media only screen and (min-device-width : 1367px) and (max-device-width : 1900px) {
  

}

@media only screen and (min-device-width : 1901px) and (max-device-width : 2000px) {
   
}