/* RESPONSIVE */
/* 1300 */
.aboutusleftimg{display:none;}
@media (max-width: 1300px) {
html{overflow-x:hidden;}
body{overflow-x:hidden;}
.breadcrumbs h2 {padding-top:100px;}
.bar1, .bar2, .bar3 {    background-color: rgb(61 66 148) !important;}
.header {    background-color: #ffffff !important;    padding-top: 0px !important;    padding-bottom: 0px !important;}
.hamburgericon {    padding-top: 5px;}
}
/* 1024 */
@media (max-width: 1024px) {
.aboutussec{padding-top:20px; padding-bottom:20px;}
.aboutussecp{font-size:14px;}
.aboutus_main hr { margin-top: 15px; margin-bottom: 15px;}
.aboutussec .btn0{margin-top: 0px;}
.hamburgericon {    padding-top: 5px !important;}
}

/* 991 */
@media (max-width: 991px) {
.aboutussec { padding-top: 2%; padding-bottom: 2%; padding-left: 3%;  padding-right: 5%;}
.branch_associate{overflow-y:sroll;}
.bar1, .bar2, .bar3 {    background-color: rgb(61 66 148) !important;}
.logo img {    height: 45px;}
.header .logo {    padding: 0;    padding-top: 5px;}
}

/* 850 */
@media (max-width: 850px) {
		.header {
    background-color: #ffffff !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
		.aboutusmain .breadcrumbs{margin-top:60px;}
}
}

/* 767 */
@media (max-width: 767px) {
		html {
overflow: hidden;
height: 100%;
-webkit-overflow-scrolling: touch;
}

body {
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.header {
    padding: 12px 0;
}
.branch_associate{ padding: 10% 10px !important;    overflow-y: scroll; margin-bottom:0px;}
.aboutusleftimg{display:block; margin:10px auto; height:350px;}
.aboutusrightimg{display:none;}
.aboutussec{width:90%; padding:0px; margin:0 auto; padding-top:20px; padding-bottom:20px; position: relative; clear: both;
    margin-left: 5%;    margin-right: 5%;}
.aboutusimg{display:none;}
.aboutuscity li{width:32%; margin-left:0.5%; margin-right:0.5%;}
}

/* 640 */
@media (max-width: 640px) {
.aboutussec{width:80%; padding:0px; margin:0 auto; padding-top:20px; padding-bottom:20px; position: relative; clear: both;
    margin-left: 10%;    margin-right: 10%;}
.aboutuscity li{width:32%; margin-left:0.5%; margin-right:0.5%;}
.branch_associate h1{font-size: 24px !important; }
}

/* 540 */
@media (max-width: 540px) {
.aboutuscity li{width:50%; margin-left:0%; margin-right:0%;}
}

/* 484 */
@media (max-width: 484px) {

}

/* 480 */
@media (max-width: 480px) {

}

/* 384 */
@media (max-width: 384px) {
.aboutuscity li{width:100%; margin-left:0%; margin-right:0%;}
}

/* 320 */
@media (max-width: 320px) {

}