/* RESPONSIVE */
/* 1300 */
.bar1, .bar2, .bar3 { background-color: rgb(61 66 148) !important;}
@media (max-width: 1300px) {
.mob-container{    display: block;   }

.bar1, .bar2, .bar3 { background-color: rgb(61 66 148) !important;}
.tab-container{
    display: flex;
    
}
.oloactionmain-mobile{
    margin-left: 5%  !important;
    width: 40% !important;
}
.breadcrumbs h2 {
    padding-top: 100px !important;
}
}
/* 1024 */
@media (max-width: 1024px) {
.hamburgericon { padding-top: 5px !important;}
}

/* 991 */
@media (max-width: 991px) {
.header .logo {    padding: 0;    padding-top: 5px;}
.logo img {    height: 45px;}
.breadcrumbs{margin-top: 60px !important;}
}

/* 850 */
@media (max-width: 850px) {
			.header {background-color: #ffffff !important;  padding-top: 0px !important;  padding-bottom: 0px !important;}
 .breadcrumbs{margin-top: 60px !important;}
}
/* 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;}
}
    
    /* 640 */
    @media (max-width: 640px) {
    
    }
    
    /* 540 */
    @media (max-width: 540px) {
        .mob-container{
            display: grid;
           
           
        }
        .tab-container{
            display: block;
            
        }
        .oloactionmain-mobile{
            margin-left: 20%  !important;
            width: 60% !important;
           height: auto !important;
           padding-bottom: 10px !important;
        }
    }
    
    /* 484 */
    @media (max-width: 484px) {
    
    }
    
    /* 480 */
    @media (max-width: 480px) {
        .oloactionmain-mobile{
            margin-left: 10%  !important;
            width: 80% !important;
           height: auto !important;
           padding-bottom: 10px !important;
        }
    }
    
    /* 384 */
    @media (max-width: 384px) {
    }
    
    /* 320 */
    @media (max-width: 320px) {
    
    }