/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 1368px) {
.homepage-slider .single-slide{
  background-size: cover;
}

.about-area  .no-gutters .bg-image{height: 490px !important;
}
  
}

/* 
  ##Device = Laptops, Desktops
  ##Screen = B/w 1025px to 1280px
*/

@media (min-width: 1025px) and (max-width: 1280px) {
  
  //CSS
  
}



/* 
  ##Device = Tablets, Ipads (portrait)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) {
.header__middle-inner {
    display: flex;
}
/*.header__middle-center{display: none;
}
.header__middle-left{width: auto;
}*/



.homepage-slider .single-slide {
    height: 80vh;
}

.customerservies .feature__title{    font-size: 15px;}

.customerservies .icon-box{    width: 40px;
    height: 40px;    margin-right: 0px;}

.feature-style-2{    padding: 18px;}
.footer-menu li a{font-size: 13px;
}
.aboutuslisting li{width: 100%
}
.serviceswrap li a{    padding: 8px 0;    font-size: 13px;
    padding-left: 20px;}
.serviceswrap li a::after{left: 10px;}

.service-details-area .row{display: flex;}
.service-details-area .row .col-md-8{order: 1;max-width: 100% !important;flex: 100%;}
.service-details-area .row .col-md-4{order: 2;flex: 100%;max-width: 100% !important;}
.programdec{    margin-left: 0;}
.bu-services-img{    width: 30%;}

}

@media (min-width:768px) and (max-width: 900px){

.homepage-slider .single-slide {
    height: 100vh;
}
.customerservies .feature__title {
    font-size: 13px;
}
.footer-widget .anchorcolor a,.serviceswrap li a{    font-size: 12px;}

}



@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
.header__middle-center {
    display: block;
}

.homepage-slider .single-slide {
    height: 50vh;
}

.footer-widget p{font-size: 13px;}
  .about-area .no-gutters .bg-image{height: 430px !important;}

}


/* 
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {

  .homepage-slider .single-slide {
    height: 40vh;
}
.customerservies .feature__title {
    font-size: 13px;
}

.about-area .no-gutters .bg-image{height: 460px !important;}

}

@media (min-width: 1024px) and (max-width: 1366px) and (orientation: portrait) {

  .header__middle-center {
    display: block;
}

.homepage-slider .single-slide {
    height: 30vh;
}

.footer-widget p{font-size: 13px;}


}




/* 
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/




@media (min-width: 481px) and (max-width: 767px) {
  
.header__middle-inner{
  display: flex;
}
.header__middle-center{display: none;
}
.header__middle-left{width: auto;
}
.customerservies .feature {
    width: 48%;
}
.customerservies .feature__title{    font-size: 15px;}

.customerservies .icon-box{    width: 40px;
    height: 40px;    margin-right: 0px;}

.believewrap{padding-top: 25px
}
.contactflex {
    display: flex;
}
.careerflex1 {
    order: 1;
}

.service-box__icon{    display: block;
    margin: 0 auto;

}

.service-box__inner{    text-align: center;}
.service-box__icon span,.service-box__title{    display: block;margin-left: 0;
}

.aboutuslisting li{    width: 100%;
    text-align: left;
}

.ourclientlist li{width: 50%
}

.ico-circle {
    font-size: 6rem !important;
}

.services-single .row{display: flex;}
.services-single .col-md-9{order: 1}
.services-single .col-md-3{order: 2}

.entry-content-offset {
    position: relative;
    right: 0px;
    top: 0;
    padding: 20px;
    background-color: #f6f6f6;
    transform: translateY(5px);
    height: 100%;
    overflow-y: auto;
    margin-bottom: 45px;
}

.entry-image img{width: 100% !important;height: 100% !important
}

.programswarp,.programdec{width: 100%;margin-left: 0px;
}

.programicon {
    margin-bottom: 8px;
}

.form-control{font-size: 2rem}

.footer-top .row .col-lg-3,.footer-top .row .col-lg-4,
.footer-top .row .col-lg-2,.footer-top .row .col-lg-3{width: 50%}

.img-box-left,.img-box-right {
    max-width: 100% !important;
    flex: 100% !important;
}

.bu-services-img {
    width: 46%;
}



}




@media (min-width: 481px) and (max-width: 640px){
  .customerservies .feature {
    width: 70%;
}

.img-box-left,.img-box-right {
    max-width: 100% !important;
    flex: 100% !important;
}

.bu-services-img a{display: block;width: 100%}
.bu-services-img a img{width: 100%;}

.bu-services-img{    width: 100%;}

}


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

header .container{max-width: 100%}

.programswarp {
    width: 46%;
    margin-left: 0px;
}

.formwrapper {
    max-width: 550px;
    margin: 0 auto;
}

.footer-widget p br{display: none;}

.img-box-left, .img-box-right {
    max-width: 50% !important;
    flex: 50% !important;
}
.entry-content-offset{    transform: translateY(0);}
.services-single .col-md-3 {
display: none;
}

.topmar {
    margin-top: 45px;
}


}


/* 
  ##Device = Most of the Smartphones Mobiles (Portrait)
  ##Screen = B/w 320px to 479px
*/

@media (min-width: 320px) and (max-width: 480px) {
.header__middle-inner{
  display: flex;
}
.header__middle-center{display: none;
}
.header__middle-left{width: auto;
}
.customerservies .feature{width: 100%
}

.believewrap{padding-top: 25px
}
.contactflex {
    display: flex;
}
.careerflex1 {
    order: 1;
}

.service-box__icon{    display: block;
    margin: 0 auto;

}

.service-box__inner{    text-align: center;}
.service-box__icon span,.service-box__title{    display: block;margin-left: 0;
}

.aboutuslisting li{    width: 100%;
    text-align: left;
}

.ourclientlist li{width: 50%
}

.ico-circle {
    font-size: 6rem !important;
}

.services-single .row{display: flex;}
.services-single .col-md-9{order: 1}
.services-single .col-md-3{order: 2}

.entry-content-offset {
    position: relative;
    right: 0px;
    top: 0;
    padding: 20px;
    background-color: #f6f6f6;
    transform: translateY(5px);
    height: 100%;
    overflow-y: auto;
    margin-bottom: 45px;
}

.entry-image img{width: 100% !important;height: 100% !important
}

.programswarp,.programdec{width: 100%;margin-left: 0px;
}

.programicon {
    margin-bottom: 8px;
}
.form-control{font-size: 2rem}

.bu-services-img{    width: 100%;}
.img-holder img {
    border-radius: 6px;
    width: 100%;
}

.close{    font-size: 3.5rem;}
  .mail-id {
    padding: 0px 2px;
}

.top-header > a{display: block;}
.services-single .row {
    display: flex;
}

.img-box-left {
    order: 2;
}
.services-single .col-md-3 {
    display: none;
}

.topmar {
    margin-top: 45px;
}



}

@media only screen and (max-width: 320px){
  .mail-id {
    padding: 0px 0px;
}

.top-header a {
    font-size: 14px;
}
.customerservies .feature{    padding: 20px 10px;}

}