@media screen and (min-width: 0px){
.container {
width: 100%;
} 
}
@media screen and (min-width: 768px){
.container {
width: 97%;
} 
}
@media screen and (min-width: 992px){
.container {
width: 980px;
}

}
@media screen and (min-width: 1024px){
.container {
width: 1014px;
}
}
@media screen and (min-width: 1050px){
.container {
width: 1035px;
}

}   
@media screen and (min-width: 1100px){
.container {
width: 1075px;
}
}
@media screen and (min-width: 1150px){
.container {
width: 1130px;
}
}
@media screen and (min-width: 1200px) {
.container {
 width: 1170px;
}
}
@media (min-width: 1201px){
.sliderbtn .container{
width:90%;
}
}
@media (min-width: 1367px){
.sliderbtn .container{
width:1170px;
}
.aboutusdiv {
background-position: 105% 120%;
}
}
@media screen and (min-width: 1650px){
.aboutusdiv {
background-position: 90% 120%;
}
}
@media screen and (min-width: 1750px){

}
@media screen and (min-width: 1920px){
#containerag{
width:1920px;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden;
}
#sliderag img{
height:auto;
}

}


@media screen and (min-width: 0px) and (max-width: 1200px){
.navbar-nav > li > a{
font-size:14px;
} 

#sliderag img{
height:100%;
}
}
@media screen and (min-width: 0px) and (max-width: 1150px){
.topbar2 .navbar li > a, .topbar2 .navbar-inverse .navbar-nav > li > a{
padding:0 12px;
}
.carouselcaptionag2 {
width: 100%;
margin: 0 auto;
}
.topbar2 .navbar li > a, .topbar2 .navbar-inverse .navbar-nav > li > a {
padding: 0 9px;
}

}
@media screen and (min-width: 0px) and (max-width: 1100px){ 
 
.topbar2 .navbar li > a, .topbar2 .navbar-inverse .navbar-nav > li > a {
font-size: 13.5px;
padding:0 10px;
}
}
@media screen and (min-width: 0px) and (max-width: 992px){
#containerag{
width:100%;
padding:0;
}
.logoag{
height: 123px;
width: 160px;
} 
.logoag:before{
height: 123px;
bottom:-20px;
width: 160px; 
background-size:80% auto;
}
.logoag:after {
bottom:-64px;
}
.topbar2, .headerag .social {
margin-right: 180px;
}
.topbar3 .far{
display:none;
}
.topbar3{
position: absolute;
left: 0;
top: 70px;
z-index: 100;
}
#sliderag{
height:450px;
min-height:initial;
max-height:initial;
}
.mainsliderag{
position:relative;
overflow:hidden;
width:100%;
} 
.carouselcaptionag{
width:100%;
}
.blueblackdiv .container {
height:100%;
}
.blueblackdiv .container > div{
float:none;
height:100%;
min-height:initial;
max-height:initial;
margin:0 auto;
}
.carouselcaptionag h3 , .carouselcaptionag label , .carouselcaptionag .btn{
display:table;
text-align:center;
margin:5px auto;
}
 
header.headerag{
position:relative;
}
 
.carouselcaptionag h3{
font-size:20px;
line-height:40px;
}
.carouselcaptionag label{
font-size:18px;
line-height:40px;
}
.aboutusdiv , .servicesag , .teamag , .customersag{
padding:70px 0;
}
.serviceimgag , .serviceimgag img{
height:auto;
}
.contactmap{
position:relative;
left:initial;
right:initial;
}
.contactmap .container{
height:auto;
margin:0;
padding:0;
width:100%;
}
.contactmap .contactmapsml {
position:relative;
right:initial;
float:none;
bottom:initial;
width:100%;
box-shadow:0 0 0 transparent;
-webkit-box-shadow:0 0 0 transparent;
-moz-box-shadow:0 0 0 transparent;
-o-box-shadow:0 0 0 transparent;
background: #ebedf3;
}
.page_photoag {
width: 45%;
}
.newsinsideag .container > .row{
margin:0 -15px;
}
.newsinsideag .container > .row > div{
padding-right:15px;
padding-left:15px;
}
.fesmllag img{
height:auto;
}
} 
@media screen and (min-width: 0px) and (max-width: 850px){
 
#sliderag{
height:400px;
}
}
@media screen and (min-width: 0px) and (max-width: 767px){
#sliderag{
height:350px;
}
 
.bluebgag .site_cats ,.bluebgag #breadcrumbs{
max-width:100%;
}

.hidden-sm{
display:none !important;
}
.collapse{
display:none ;
}
.topbar ,.topbar .container{
height:auto;
}
.topbar{
padding:15px 0;
}
.logoag{  
height: 100px;
width: 140px;
top:-15px;
} 
.logoag:before{
height: 100px;
bottom:-20px;
width: 140px; 
background-size: auto 100%;
}
.logoag:after {
bottom:-64px;
}
.topbar3 {
position:relative;
top:initial;
}
.topbar2{
height:auto;
padding:0px 0;
width:100%;
margin:0;
}
.topbar2 .navbar{
float:none;
display:table;
width:100%;
margin:0 auto;
}
.topbar2 .navbar-header{
margin:0;
border-bottom:1px solid rgba(0,0,0,0.3);
}

.topbar2 .navbar li > a, .topbar2 .navbar-nav > li > a{
font-size:14px;
line-height:36px;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-khtml-border-radius:0;
-o-border-radius:0;
}
.topbar2 .navbar li a, .topbar2 .navbar-nav > li > a{
line-height:36px;
border-bottom:1px solid rgba(0,0,0,0.3);
} 
.topbar2 .nav .open > a, .topbar2 .nav .open > a:hover,.topbar2 .nav .open > a:focus {
border:0;
}
.topbar2 .navbar-collapse{
padding:10px 0;
margin:100px 0 0;
border:0;
border:0;
background:rgba(0,0,0,0.2);
-webkit-box-shadow: inset 0 0 0 transparent;
box-shadow: inset 0 0 0 transparent; 
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background:#4ca6f1;
color:#fff;
}
.navbar-nav .open .dropdown-menu > li > a:hover .fa, .navbar-nav .open .dropdown-menu > li > a:focus .fa{
color:#fff;
}
.topbar2 .navbar-nav > li > a:after {
height: 2px;
}
.topbar2 .navbar-toggle ,.topbar2 .navbar-toggle:hover ,.topbar2 .navbar-toggle:focus{
border:0; 
background:transparent;
padding:0; 
margin-right:0px !important;
margin-left:0px !important;
margin-top: -5px;
color:#fff;
font-size:30px;
}
.topbar2 .navbar-toggle[aria-expanded="true"]{
color:#4ca6f1;
background:transparent;
}
.topbar2 .navbar li:last-child a, .topbar2 .navbar-inverse .navbar-nav > li:last-child > a{
border:0;
} 
.topbar2 .navbar li a .fa{
margin-top: 10px; 
}
.headerag .topbar2 .caret{
margin-top:20px;
}
.topbar2 .navbar li a .dashicons {
margin-top: 10px; 
margin-left: 0px !important;
}
.topbar2 .navbar-nav .open .dropdown-menu{
background:#fff;
padding:10px;
}
.myaccountag{
background:#ddd;
margin-left:0;
float:right;
margin-top:-39px;
font-weight:bold;
}
 
.topbar3 .nav li a ,.topbar3 .navbar-nav .open .dropdown-menu>li>a ,.topbar3 .navbar-nav .open .dropdown-menu .dropdown-header, .topbar3 .navbar-nav .open .dropdown-menu>li>a{
padding:0 10px;
line-height:36px;
}
.topbar3 .nav li a{
border-bottom:1px solid rgba(0,0,0,0.1);
}
.topbar3 .nav li:last-child a{
border-bottom:0;
}
.topbar3 .nav li a:hover .fa{
color:#fff;
}
.topbar3 .nav .open>a,.topbar3 .nav .open>a:focus,.topbar3 .nav .open>a:hover{
border-color:rgba(0,0,0,0.1);
}
.topbar3 .nav li a .fa{
margin-top:13px;
}
.topbar3 .navbar-nav .open .dropdown-menu{
background-color:#fff;
padding:0;
position:absolute;
}
.topbar3 .nav {
    margin: 11px 0 0;
}
 
.modal-open .modal{
padding-left:0 !important;
}
.modal-title{
font-size:15px;
} 
 
 
 
 
.biggallerybg, .albumbigbg, .bluebgag{
height:auto;
padding:0;
}
.bluebgag{
padding:35px 0;
}
 .bluebgag h1{
padding-top:0;
font-size:23px;
}
.biggallerybg{
background-size: auto 100% ;
}
.page_tempag{
margin:0 auto;
}
.bigofferarchive{
width:85%;
}
.indicatorsag2{
bottom:10px;
}
.labeledtit label:before {
margin-left: 10px;
}
.labeledtit label:after {
margin-right: 10px;
}
.page_tempag , .page_contentdev{
padding-right:15px;
padding-left:15px;
}
.page_content img.devimg2 , .topupthub{
float:none;
margin:0 auto;
display:table;
max-width:100%;
}
 
.indicatorsag3 {
margin: -38px auto 0px;
} 
.table-responsive {
width: 92.5vw;
}
.carouselcaptionag h3{
font-size:20px;
}
 
.carouselcaptionag .btn.moreabouts.btn-lg{
font-size:16px;
padding:7px 12px;
}
 
.page_contentag , .aboutusag{
text-align:initial;
}
.reqtitag{
border-bottom:1px solid rgba(0,0,0,0.15);
margin-bottom:10px;
}
.requestaghead .row > div:first-child{
border-bottom:1px solid rgba(0,0,0,0.5);
}
 
a#back-top{
left:15px;
bottom:15px;
}
.contactusicoag{
right:15px;
bottom:15px;
width:40px;
height:40px;
line-height:40px;
font-size:17px;
}
 .indicatorsagangles {
font-size: 30px;
margin: -7px 6vw 0;
}
.indicatorsag2 .carousel-indicators li {
    width: 10px;
    height: 10px;
    margin: 0 4px;
}
.indicatorsag2 .carousel-indicators li.active {
margin: -2px 4px 0;
width: 14px;
height: 14px;
}
.aboutusdiv , .servicesag , .teamag , .customersag{
padding:50px 0;
}
.blackbgtit, .customerstit, .bluebgag h1, .devcontentag h2, .carouselcaptionag h3 {
    font-size: 25px;
}
.blackbgtit {
    padding: 0 0 20px;
}
.serviceslist > .row:nth-child(odd) > div:last-child{
padding-right:0;

}
.serviceslist > .row:nth-child(even) > div:last-child{
padding-left:0;
}
.serviceslist > .row:nth-child(even) > div:first-child , .serviceslist > .row:nth-child(even) > div:last-child{
float:none;
}
.teamag .row, .teamag3 .row{
width:70%;
margin:20px auto 0;
} 
.copyrightsag  , .social {
float:none;
margin:0 auto;
text-align:center;
}
.social {
margin-top:20px;
}
.loginpageag {
    padding: 0px 0;
}
.page_photoag {
width: 40%;
}
.fesmllag img {
height: auto;
}
.newsinsideag .newsloopag{
width:70%;
margin:0 auto;
}
.twitter-timeline{
margin-top:35px !important;
}
.teammemimgdr{
float:none;
margin:15px auto 20px !important;
width:150px !important;
height:150px !important;
}
.aboutdescag2{
text-align:justify;
text-align-last:center;
}
.aboutusdiv6 .memsocial{
float:none;
margin:0 auto;
display:table;
}
}
@media screen and (min-width: 0px) and (max-width: 600px){
#sliderag{
height:300px;
}
.page-title{
font-size:17px;
}
.carouselcaptionag2 label{
display:none;
}
.prod_nav a{
width:35px;
height:35px;
line-height:35px;
}
.morecustomersag {
padding: 0 10px;
height:35px;
line-height:32px;
font-size:15px;
}
.prod_nav a .fa{
line-height:inherit;
font-size:20px;
}
.blackbgtit small{
font-size:15px;
line-height:1.5;
}
.carouselcaptionag h3{
font-size:17px;
}
.customerstit {
margin: 0 0 32px;
padding: 0 15px;
font-size:22px;
}
 
.pagination>li{
margin:0 0px;
}
 
.smlservices li{
font-size:14px;
}
.teamag .row, .teamag3 .row , .newsinsideag .newsloopag{
width:80%;
}
.teammemhead a{
width:100%;
}
.teammemimg {
    display: block;
position: relative;
width:100px;
height:100px;
left:initial;
margin:0 auto -95px;
top:-70px;
}
.teammemag , .teamag3 .row > div .teammemag{
margin-top:100px;
} 
.teammemdesc{
font-size:14px;
}
.teammemhead{
padding:24px 22px;
height:auto;
}
.morememag{
margin-top:0px;
display:block;
text-align:center;
}
.page_photoag {
width: 100%;
float:none;
margin:0 0 15px;
}
.panelo span{
float:none;
display:table;
margin:0 auto;
border-right:0 !important;
border-top:1px solid rgba(0,0,0,0.15);
width:100%;
text-align:center;
padding: 10px;
font-size: 14px;
}
.panelo span.flright{
display:none;
}
.panelo h2 {
display: block;
padding:10px;
font-size:15px;
text-align:center;
}
.footerag .container {
padding-bottom: 71px;
padding-top: 20px;
} 
}
@media screen and (min-width: 0px) and (max-width: 520px){
.page_content , .aboutusdiv , .servicesag , .teamag , .customersag , .ourcustomersdivag , .sub_servicesag , .contactusbg{
padding:30px 0;
}
#sliderag{
height:250px;
}
.form-group.row > div , .form-group .row > div{
padding-bottom:15px;
}

.carouselcaptionag h3 , .carouselcaptionag label{
display:none;
}
 .bluebgag h1, .devcontentag h2{
font-size:18px;
}
.carouselcaptionag h3 {
padding: 0px 15px;
font-size:16px;
font-weight:bold;
}
.copyrightsag, .prtitag, .contitemdesc h6, .aboutdescag , .aboutdescag2, .dev_tit, .categoriesdiv .row a h2, .feature_details h2, a.smallcat h2, .websiteag, .cats_tags h3, .page_tempag .panel h2 .fa, .specdetails h3, .opinion_detailstxt h2, .page_content, .contactuspageuwh, .job_content, .customersafopin .opinion_detailstxtag p, .page_contentdev {
font-size: 16px;
} 
.page_content{
font-size:15px;
}
.blackbgtit label:before, .blackbgtit label:after, .blackbgtit span:before, .blackbgtit span:after{
width:30px;
}
.smlservices li{
display:none;
}
.smlservices li:nth-child(odd){
margin-left:0;
} 
.teamag .row, .teamag3 .row , .newsinsideag .newsloopag{
width:90%;
}
.blackbgtit span:before , .blackbgtit span:after{
display:none;
}
.newsinsideag {
padding: 30px 0;
}
.sub_servicesag .row{
width:90%;
margin:0 auto;
}
.smallserviceag{
height:auto;
}
.subservtit{
font-size:16px;
}
.photosgalleryarea h2, .loginpageaghead h1, .contactit2, .cat_titag h1, .categorytitag, .inquibtnag, .servicetitag h3 {
    font-size: 20px;
}
.allbranches {
 margin: 30px auto !important;
}
.contactuslistitem .fa {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 15px;
}
.contitemdesc {
    width: calc(100% - 45px);
padding-right:10px;
}
.contitemdesc h6 {
padding: 0px 0 5px;
}
.contactit2 {
margin: 0 0 30px;
}
.logoag{  
height: 80px;
width: 110px;
} 
.logoag:before{
height: 80px;
bottom:-15px;
width: 110px; 
}
.logoag:after {
bottom:-54px;
} 
.topbar2 .navbar-collapse{
margin:60px 0 0;
} 
}
@media screen and (min-width: 0px) and (max-width: 454px){   
#sliderag{
height:220px;
}
.page-title {
font-size: 15px;
line-height:25px;
}
.page_contentdev{
font-size:15px;
}
.col-xsb-6{
width:50%;
}
.teamag .row, .teamag3 .row{
width:auto;
margin:20px -15px 0;
}
.loginformag{
width:100%;
padding:20px;
}
.loginpageaghead {
padding: 30px 0;
margin: -20px -20px 20px;
}
.loginpageaghead h1{
font-size:20px;
}
.newsinsideag .newsloopag{
width:auto;
margin:0 -5px;
}
.sub_servicesag .row{
width:100%;
}
.bluebgag h1, .devcontentag h2 {
    font-size: 16px;
}
}
@media screen and (min-width: 0px) and (max-width: 350px){
#sliderag{
height:180px;
}
 
.carouselcaptionag h3{
font-size:16px;
line-height:1.4;
}
 .useraction .btn, .memsocial{
float:none;
margin:0 auto;
display:table;
} 
.memsocial{
margin-top:15px;
}
.pagination>li{
display:none;
}
.pagination>li:first-child , .pagination>li:nth-child(2) , .pagination>li:nth-child(3) , .pagination>li:last-child , .pagination>li:nth-last-child(2) , .pagination>li:nth-last-child(3) , .pagination>li.active{
display:block;
}
}