/* Mindron - HTML Template */

 
@media only screen and (min-width: 991px){
	.main-menu .navigation > li > ul, 	.main-menu .navigation > li > ul > li > ul{display:block !important;visibility:hidden;opacity:0; 	}
	 
}
 
@media only screen and (max-width: 991px){
 .logo {     float: left;     width: 200px; }
.button_container {
    position: relative;
    top: 3.7%;
    right: 2%;
    height: 27px;
    width: 45px;
    cursor: pointer;
    z-index: 100;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
    float: right;
    margin-top: 20px;
}	
	.button_container:hover {
    opacity: .7;
}

.button_container.active .top {
    -webkit-transform: translateY(11px) translateX(0) rotate(45deg);
    transform: translateY(11px) translateX(0) rotate(45deg);
    background: #FFF;
}

.button_container.active .middle {
    opacity: 0;
    background: #FFF;
}

.button_container.active .bottom {
    -webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
    transform: translateY(-11px) translateX(0) rotate(-45deg);
    background: #FFF;
}

.button_container span {
    background: #000;
    border: none;
    height: 3px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
}

.button_container span:nth-of-type(2) {
    top: 11px;
}

.button_container span:nth-of-type(3) {
    top: 22px;
}
.button_container.active{    z-index: 9999;     position: absolute;}

.overlay {
    position: fixed;
    background: #090909f0;
    top: 0;
    right: 0px;
    width: 80%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .35s, visibility .35s, height .35s;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
}

.overlay.open {
    opacity: 1;
    visibility: visible;
    height: 100%;
	z-index:99;
}

.overlay.open li {
    -webkit-animation: fadeInRight .5s ease forwards;
    animation: fadeInRight .5s ease forwards;
    -webkit-animation-delay: .35s;
    animation-delay: .35s;
}

.overlay.open li:nth-of-type(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s;
}

.overlay.open li:nth-of-type(3) {
    -webkit-animation-delay: .45s;
    animation-delay: .45s;
}

.overlay.open li:nth-of-type(4) {
    -webkit-animation-delay: .50s;
    animation-delay: .50s;
}

.overlay .navbar-collapse {
    position: relative;
  
    font-size: 50px;
    font-weight: 400;
    text-align: center;
	
	 height: 90%;
        top: 50px;
        left: 0;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        overflow-y: scroll;
        width: 95%;
        padding-left: 30px;
        overflow-x: hidden;
}
.main-menu .navigation > li{    display: inherit;}

/* .overlay ul {
    list-style: none;
    padding: 0;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    height: 100%;
}

.overlay ul li {
    display: block;
    line-height: 2;
    position: relative;
    opacity: 0;
}

.overlay ul li a {
    display: block;
    position: relative;
    color: #FFF;
    text-decoration: none;
    overflow: hidden;
} */

.overlay ul li a:hover:after,
.overlay ul li a:focus:after,
.overlay ul li a:active:after {
    width: 100%;
}
 
	
	 
	.main-menu .collapse {max-height:300px;overflow:auto;float:none;width:100%;padding:10px 0px 0px;border:none;margin:0px 0px 15px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;    }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{padding:0px 0px 0px;border:none;margin:0px 0px 15px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
	
	.main-menu .navbar-header{position:relative;float:none;display:block;text-align:right;width:100%;padding:12px 0px;right:0px;z-index:12; 	}
	
	.main-menu .navbar-header .navbar-toggle{display:inline-block;z-index:12;border:1px solid #e5ae58;float:none;margin:0px 0px 0px 0px;border-radius:0px;background:transparent; 	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#ffffff;	
	}
	
	.main-menu .navbar-collapse > .navigation{float:none !important;margin:0px !important;width:100% !important;/* background:#2c2c2c; */border:none ;border-top:none; 	}
	
	.main-menu .navbar-collapse > .navigation > li{margin:0px !important;float:none !important;padding:0px !important;width:100%; 	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{border:none;}
	
	.main-menu .navbar-collapse > .navigation > li > a{padding:10px 10px !important;border:none !important;font-weight:500; 	} 	
	.main-menu .navigation li.dropdown > a:after,
	.main-menu .navigation > li.dropdown > a:before,
	.main-menu .navigation > li > ul > li > a::before,
	.main-menu .navigation > li > ul > li > ul > li > a::before{color:#ffffff !important;right:15px;font-size:16px;display:none !important; 	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{position:relative;border:none;float:none;visibility:visible;opacity:1;display:none;margin:0px;left:auto !important;right:auto !important;top:auto !important;padding:0px;outline:none;width:100%;background:transparent;-webkit-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;-moz-border-radius:0px;border-radius:0px;transition:none !important;-webkit-transition:none !important;-ms-transition:none !important;-o-transition:none !important;-moz-transition:none !important;-webkit-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none; 	}
		
	 
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border:none;opacity:1 !important;top:0px !important;left:0px !important;visibility:visible !important; 	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{border:none;	 	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{padding:12px 20px 10px !important;line-height:22px;color:#ffffff;/* background:#2c2c2c; */text-align:left;font-size:16px; 	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{/* background:#e5ae58;  */	}
	
	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,

	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{background:transparent;color:#ffffff !important; 	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{display:block; 	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navigation > li > ul:before{display:none !important;	 	} 	
	 .main-menu .navigation li.dropdown .dropdown-btn{border:none;}
	
	.header-nav { margin-top: 0px;  padding: 12px 0px; }
	.border-right{    border-right: inherit;}
	.pdr30 {padding-right: 0;     padding-bottom: 30px;} 
	.pdl30 {     padding-left: 0px; }
 
	
	 
}

 @media only screen and (max-width:767px){
	 p {     font-size: 15px;    }
	 .header-page .heading h1{    font-size: 22px;}
	 .about-page .content-inner h3{font-size: 20px;}
	 .mobile-flex{display: flex;     -ms-flex-wrap: wrap;     flex-wrap: wrap;     display: -ms-flexbox;     display: flex;     -ms-flex-wrap: wrap; 	 flex-wrap: wrap;}
	 .first {
		order: 2;
	}
	.second {
		order: 1;
	}
	 
 }
 
 @media only screen and (max-width:480px){
 .overlay {
    
 width: 90%;}}