@media only screen and (max-width: 768px){
 .popup_body{
  z-index: 999999;
 }
 .popup_contain{
  top: 10%;
 }
  .popup_contain p{
 font-size: 12px;
 } 
 .singleservisec .faq, .singleservisec div.comment{
  padding: 10px 15px;
 }
 .rightscrltabtext p{
  line-height: 35px;
 }
 .rightscrltabtext{
  margin-top: 20px;
 }
 .singlejob .titleblogbox p , .titleblogbox p{
  font-size: 14px;
  line-height: 2;
  text-align: justify;
 }
 .titleblogbox{
  padding: 14px;
 }
 .bannerpage h1:before ,  .bannerpage h1:after{
  top: 18px;
 }
 .bannerpage h1 {font-size: 27px;}
 .datajob li {
    margin-left: 3px;
}
 .bannerpage {
    padding: 30px 0px;
}
 header{
  background: #F8F9FE;
 }
 .contact-us-form{
 }
 .logo img{
  height: 80px;
  margin-bottom: 10px;
 }
 .searchmobile{
  display:block;
 }
 .about-right .img-box-about:after{
  display:none
 }
 .cta{
  margin-bottom: 40px;
 }
 .slider:after {
    content: '';
    width: 240px;
    height: 220px;
    background-position: 0 0px;
    background-size: 250px;
    background-repeat: no-repeat;
}
.sliderdecstop , .banner{display: none;visibility: hidden;}
.slidermobile {display: block;max-height: 280px;}
 .bannerm{display: block}

 .copyright{
  padding-bottom: 100px;
 }
 .callcenterright{
  padding: 0px 20px;
  text-align: center;
 }
 .callcenterright:before{
  display: none;
 }
.jobleft{
  margin-bottom: 30px;
 }
 .titlebox h2, .titlebox h3{
  font-size: 43px;
 }
 .jobsbox{
  margin-top: 50px;
  padding-top: 0;
 }
 .jobs{
  margin-top: 0px;
 }
 .Featuresbox{
  margin-bottom: 30px;
 }
 .why{
  margin: 20px 0 ;
 }
 .aboutpage .why{
  margin: 0px 0 !important;
 }
.titlebox span{
  font-size: 50px !important;
 }
 .about-left h3{
  font-size: 26px;
 }
 .about-right .img-box-about:before {
    right: -8px;
    bottom: 0px;
    width: 96%;
    height: 97%;
}
 
 .about-right .img-box-about{
  width: 100%;
  left: 0;
  top: 0;
 }
 .about{
  max-height: unset;
  padding: 20px 0;
  margin: 0 0;
 }
 .servicesowl span.owl-prev {
    left: 0px;
    width: 23px;
    height: 23px;
}
.servicesowl span.owl-next {
    right: -10px;
    width: 23px;
    height: 23px;
    top: 10px;
}

 .sidebtnmob{
  display:block
 }
 .owl-nav {
    position: absolute;
    top: 46%;
}
 
 .mainmenu , .slidertext{
  display: none;
 }
   .contacthe{
      display: none;
   }
 
 .menu-btn {
    font-size: 27px;
    color: var(--color1);
    position: absolute;
    left: 20px;
    top: 29px;
    display: block;
  }
 .menu-content .menu-btn {position: absolute;right: 33px;left: unset;top: 55px;}
 .btnsc {
    text-align: center;
    display: none;
 }
 .mainmenu ul{
  display: none;
 }
 .logo{
    /* width: 33%; */
    position: relative;
 }
 .row.column-reverse {
    flex-direction: column-reverse;
  }
}


@media only screen and (min-width: 768px) and (max-width: 991px){
 .about-right .img-box-about:after{
  display:none
 }
 div.blog .col-lg-4.col-md-6:last-child {
    display: none;
}
 
 .jobs {
    margin-top: 50px;
}
 .jobsbox {
    position: relative;
    margin-bottom: 50px;
    padding-top: 0px;
    margin-top: 40px;
}
 .servicesowl span.owl-prev {
    left: -40px;
}

.servicesowl span.owl-next {
    right: -40px;
}
 
 .Featuresbox li{
  width: 49%;
  display: inline-block;
  font-size: 12px;
 }
  .Featuresbox {
   margin-bottom: 40px;
}

.about {
    padding-top: 0px;
    height: 290px !important;
    margin: -20px 0 50px 0;
}
 .about-left p{
  font-size: 12px;
  line-height: 21px;
 }
 .about-right .img-box-about {
    width: 91%;
    float: left;
    position: relative;
    border-radius: 20px;
    top: 20px;
    left: 10px;
}
 .about-left h3 {
    font-size:25px;
}
 .slidertext p {
    width: 56%;
    font-size: 16px;
    line-height: 25px;
}
 .slidertext h1 {

    font-size: 40px;
}

.slidertext img {
    height: 70px;
    width: auto;
    position: relative;
    top: 17px;
}
 .slidertext {top: 2%;right: 10px;}
 .contactboxhe:before {
    right: -21px;
}
 .contactboxhe{
 margin-right: 40px;
 }
 
}

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

}

@media only screen and (min-width: 1600px) and (max-width: 2000px)  {

}

@media only screen and (min-width: 2000px) and (max-width: 5000px)  {

}


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

}

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

}

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

}