/*************Responsive Styles*****************/

/*******************************************/

/**************iPad Landscape***************/
@media screen and ( max-width: 991px ){
	header #navbarSupportedContent .navbar-nav{
		position: absolute;
		top: 0%;
		left: 0%;
		background-color: var(--color8);
	    width: 85%;
	    transition: 0s;
	    padding: 40px 15px;
	    z-index: 50;
	    height: 100vh;
	}
	.noscroll{
		overflow: hidden;
	}
	.sec-navbar .navbar-nav{
		height: 100vh;
		padding-bottom: 40px !important;
		justify-content: end;
		background-color: var(--color8) !important;
	}
	.dropdown-menu{
		display: flex;
		flex-direction: column;
		background-color: var(--color5);
		border: 0px;
		margin-left: 20px;
		padding: 0px;
	}
	.navbar-brand{
		margin: 0%;
		padding: 0px;
	}
	header #navbarSupportedContent li {
	    margin: 10px 0px;
	}
	footer .row div:nth-child(1),
	footer .row div:nth-child(1){
		margin-bottom: 30px;
	}
	header #navbarSupportedContent li .nav-link {
	    margin: 10px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.mobile-menu-wrapper {
        width: 100%;
        left: 0;
        top: 130px;
        z-index: 1;
    }
	.mobile-menu-wrapper ul.mobile-nav li.menu-item-has-children{
		display: flex;
    	flex-direction: column;
	}
}
/*******************************************/

/*************************iPad Portrait***************/
@media screen and (max-width: 985px){

}
/*******************************************/

/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	footer .row >div{
		margin-bottom: 30px;
	}
	.main-banner-section .text-block .title-3{
		letter-spacing: -3px;
	}
}
@media screen and (max-width: 575px){
	.blog h2{
		margin-top: 15px;
	}
}
/*******************************************/

/***************iPhone Portrait**************/
@media screen and (max-width: 479px){
	.main-banner-section .text-block .title-3{
		letter-spacing: -1px;
	}
}
/*******************************************/