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

/*******************************************/
@media screen and ( max-width: 1720px ){
header .container{	
	padding: 0px 15px;
}
}



@media screen and ( max-width: 1199px ){
	.modal{
		z-index: 1!important;
	}
		#navbarSupportedContent .navbar-nav{
		position: absolute;
		top: 0%;
		left: 0%;
		background-color: var(--color8);
	    width: 100%;
	    transition: 0s;
	    padding: 40px 0px;
	    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;
	}
	#navbarSupportedContent li {
	    margin: 0px 0px;
	}
	footer .row div:nth-child(1),
	footer .row div:nth-child(1){
		margin-bottom: 30px;
	}
	body {
	    margin: 110px 0px 0px 0px;
	}
	#navbarSupportedContent li .nav-link {
	    margin: 10px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
.navbar-collapse {
    position: fixed;
    top: 0px;
    left: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    width: 75%;
    height: 100%;
    padding-top: 37.72px;
    /*background: #0081a1;*/
    z-index: 999;
}
.asl_w_container{
	width: auto!important;
	padding: 0px 15px!important;
}
header .navbar-brand{
	padding-top: 0px;
}
.navbar{
	padding: 15px 0px;
}
#navbarSupportedContent{
	background-color: #40c1be;
}
#navbarSupportedContent {
    margin: 0px;
}
#navbarSupportedContent li .nav-link {
    margin: 0px 0px;
    margin-bottom: 10px;
}
#navbarSupportedContent li a{
	padding: 15px 15px;
}
#navbarSupportedContent li.active .nav-link{
	background-color: #11498a;
}
#navbarSupportedContent li .nav-link:hover{
	background-color: #11498a!important;
}
}
@media screen and ( max-width: 1025px ){
#navbarSupportedContent li {
    margin: 0px 6px;
}
	header .navbar-brand img {
    max-width: 213px;
}
.report-chapter-content-subsection .elementor-container.elementor-column-gap-default{
	flex-wrap: nowrap;
}
.nav-link span{
	font-size: 15px;
}
}
/**************iPad Landscape***************/
@media screen and ( max-width: 991px ){
	#navbarSupportedContent .navbar-nav{
		position: absolute;
		top: 0%;
		left: 0%;
		background-color: var(--color8);
	    width: 100%;
	    transition: 0s;
	    padding: 40px 0px;
	    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;
	}
	#navbarSupportedContent li {
	    margin: 0px 0px;
	}
	footer .row div:nth-child(1),
	footer .row div:nth-child(1){
		margin-bottom: 30px;
	}
	body {
	    margin: 110px 0px 0px 0px;
	}
	#navbarSupportedContent li .nav-link {
	    margin: 10px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.navbar-collapse.collapsing {
        left: -75%;
        transition: height 0s ease;
    }

    .navbar-collapse.show {
        left: 0;
        transition: left 300ms ease-in-out;
    }

    .navbar-toggler.collapsed ~ .navbar-collapse {
        transition: left 500ms ease-in-out;
    }
.navbar-collapse {
    position: fixed;
    top: 0px;
    left: 0;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 15px;
    width: 75%;
    height: 100%;
    padding-top: 37.72px;
    /*background: #0081a1;*/
    z-index: 999;
}
.asl_w_container{
	width: auto!important;
	padding: 0px 15px!important;
}
header .navbar-brand{
	padding-top: 0px;
}
.navbar{
	padding: 15px 0px;
}
#navbarSupportedContent{
	background-color: #40c1be;
}
#navbarSupportedContent {
    margin: 0px;
}
#navbarSupportedContent li .nav-link {
    margin: 0px 0px;
    margin-bottom: 10px;
}
#navbarSupportedContent li a{
	padding: 15px 15px;
}
#navbarSupportedContent li.active .nav-link{
	background-color: #11498a;
}
#navbarSupportedContent li .nav-link:hover{
	background-color: #11498a!important;
}
.modal-content .box3 h3{
	font-size: 17px;
}
}
/*******************************************/

/*************************iPad Portrait***************/
@media screen and (max-width: 985px){
	.recent-posts .singlepostcol{
	width: 50%;
}
}
/*******************************************/
@media screen and (max-width: 768px){

.contact-first-content-subsection .elementor-container.elementor-column-gap-default {
    flex-direction: column-reverse;
    flex-wrap: wrap;
}
.report-chapter-content-subsection .elementor-container.elementor-column-gap-default{
	flex-wrap: wrap;
}
li.product.type-product{
	width: 100% !important;
}
ul.products.columns-4{
	flex-direction: column;
    row-gap: 50px;
}
.recent-posts .singlepostcol{
	width: 50%;
}
}
/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	footer .row >div{
		margin-bottom: 30px;
	}
	body {
	    margin: 90px 0px 0px 0px;
	}

}
@media screen and (max-width: 575px){
	.blog h2{
		margin-top: 15px;
	}
	.contactfrow.row .col-6{
		width: 100%;
	}
	.recent-posts .singlepostcol {
    	width: 100%;
	}
}
/*******************************************/

/***************iPhone Portrait**************/
@media screen and (max-width: 479px){
	body {
	    margin: 80px 0px 0px 0px;
	}
}
/*******************************************/
@media only screen and ( max-width: 1320px ) and (min-width: 1200px){
	#navbarSupportedContent li {
    margin: 0px 10px;
}
.nav-link span {
    font-size: 15px!important;
}
}