/*************Responsive Styles*****************/
@media screen and ( max-width: 1500px ){
	body:not(.home) header .container,
	body header .container {
		padding: 10px 40px;
	}
	body:not(.home) {
		margin-top: 104px;
	}
	#navbarSupportedContent li {
		margin: 0px 10px;
	}
	body #navbarSupportedContent li.menu-button a.nav-link, body.home .scrolled #navbarSupportedContent li.menu-button a.nav-link{
		padding: 15px 25px;
    	border-radius: 12px;
	}
	#navbarSupportedContent ul li > .dropdown-menu.view-a-submenu-wrapper {
		width: 720px;
		min-height: 470px;
		padding: 15px;
		border-radius: 25px;
	}
	#navbarSupportedContent ul li .dropdown-menu.view-a-submenu-wrapper .left-submenu{
		padding: 20px 20px 40px;
	}
	body #navbarSupportedContent ul li .dropdown-menu.view-a-submenu-wrapper a.nav-link{
		padding: 18px 10px 18px 20px;
    	border-radius: 16px;
	}
}
@media screen and ( max-width: 1300px ){
	#navbarSupportedContent li {
		margin: 0px 10px;
	}
	.navbar-brand .logoImg{
		max-width: 250px;
	}
	#navbarSupportedContent li .nav-link{
		font-size: 14px;
		line-height: 20px;
	}
	.blog-slider .blog-slide.description-slide{
		max-width: 270px !important;
	}
	.blog-slider .blog-slide{
		max-width: 370px !important;
	}
	body:not(.home) {
        margin-top: 102px;
    }
}
@media screen and ( max-width: 1200px ){
	body:not(.home) {
        margin-top: 96px;
    }
	.navbar-brand .logoImg {
        max-width: 170px;
    }
	#navbarSupportedContent li .nav-link{
		font-size: 13px;
	}
	header .container{
		padding: 30px 50px;
	}
	body #navbarSupportedContent ul li .dropdown-menu.view-a-submenu-wrapper a.nav-link{
		padding: 15px 20px 15px 10px;
	}
	#navbarSupportedContent ul li > .dropdown-menu.view-a-submenu-wrapper{
		width: 575px;
		min-height: 340px;
		padding: 10px;
    	border-radius: 20px;
		left: 0px;
	}
	#navbarSupportedContent ul li .dropdown-menu.view-a-submenu-wrapper .left-submenu{
		width: 55%;
		padding: 15px 15px 30px;
	}
	#navbarSupportedContent ul li .dropdown-menu.view-a-submenu-wrapper .right-featured-image{
		width: 45%;
	}
	#navbarSupportedContent ul li .menu-parent-title{
		font-size: 25px;
    	line-height: 35px;
		margin-bottom: 20px;
	}
	#navbarSupportedContent ul li .dropdown-menu.view-a-submenu-wrapper li:hover a{
		border-radius: 10px;
	}
	body #navbarSupportedContent ul li .dropdown-menu.view-a-submenu-wrapper a.nav-link{
		font-size: 16px;
    	line-height: 23px;
	}
	#navbarSupportedContent ul li .dropdown-menu.view-a-submenu-wrapper .right-featured-image .menu-preview .submenu-container .dropdown-menu li a{
		font-size: 14px;
    	line-height: 24px;
	}
	.id-slide-section-wrapper .slides-wrapper .each-slide .imgBox:before{
		top: 50px;
		height: calc(100% - 100px);
	}
	.blog-page .blog-posts .left-box .feat-img h3{
		font-size: 30px;
		line-height: 40px;
	}
	.blog-page .blog-posts .feat-img h3{
		font-size: 20px;
		line-height: 30px;
	}
	.blog-page .blog-categories .category-list a{
		font-size: 14px;
		line-height: 24px;
	}
	.blog-page .blog-categories .category-list{
		padding: 12px 0;
	}
	body #navbarSupportedContent li.menu-button a.nav-link, body.home .scrolled #navbarSupportedContent li.menu-button a.nav-link{
		padding: 12px 20px;
    	border-radius: 8px;
	}
	body:not(.home) header .container,
	body header .container {
		padding: 10px 20px;
	}
	#navbarSupportedContent li {
        margin: 0px 8px;
    }
}
/*******************************************/

/**************iPad Landscape***************/
@media screen and ( max-width: 1024px ){
	body:not(.home) {
        margin-top: 81px;
    }
	.id-slide-section-wrapper .slide-nav{
		display: none;
	}
	.blog-page .blog-posts h2{
		font-size: 40px;
		line-height: 50px;
		margin: 20px 0 0;
	}
}
@media screen and ( max-width: 991px ){
	#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;
	}
	#navbarSupportedContent li {
	    margin: 10px 0px;
	}
	footer .row div:nth-child(1),
	footer .row div:nth-child(1){
		margin-bottom: 30px;
	}
	#navbarSupportedContent li .nav-link {
	    margin: 10px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.blog-slider .blog-slide{
		max-width: 330px !important;
	}

	.blog-slider .blog-slide.description-slide {
        max-width: 185px !important;
    }
	.blog-page .blog-posts .left-box .feat-img h3{
		font-size: 22px;
		line-height: 32px;
		bottom: 30px;
    	left: 30px;
	}
	.blog-page .blog-posts .feat-img h3{
		font-size: 16px;
		line-height: 26px;
		bottom: 10px;
    	left: 10px;
	}
}
/*******************************************/

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

}
@media screen and (max-width: 782px){
	body.logged-in.admin-bar .main-header {
		top: 42px;
	}
	body.logged-in.admin-bar .main-header.scrolled {
		top: 0px;
	}
}
/*******************************************/

/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	header.scrolled .container{
		padding: 10px 20px;
	}
	footer .row >div{
		margin-bottom: 30px;
	}
	.main-banner-section .text-block .title-3{
		letter-spacing: -3px;
	}
	header .container{
		padding: 25px 20px;
	}
	.navbar-brand .logoImg {
        max-width: 180px;
    }
	.navbar-light .navbar-toggler{
		padding: 15px 10px;
	}
	.navbar-toggler.menu-opened {
		padding: 18px 5px 18px 18px;
	}
	.mobile-menu-wrapper{
		width: calc(100% - 30px);
		left: 15px;
		top: calc(100% - 25px);
	}
	.blog-slider .blog-slide{
		max-width: 290px !important;
	}
	body:not(.home) {
		margin-top: 67px;
	}
	.blog-slider .blog-slide.description-slide {
        max-width: 170px !important;
    }
	.id-slide-section-wrapper .slides-wrapper{
		gap: 40px;
	}
	.id-slide-section-wrapper .slides-wrapper .each-slide,
	.id-slide-section-wrapper .slides-wrapper .each-slide:nth-child(2n){
		flex-direction: column;
		gap: 10px;
	}
	.id-slide-section-wrapper .slides-wrapper .each-slide .imgBox,
	.id-slide-section-wrapper .slides-wrapper .each-slide .contentBox{
		width: 100%;
	}
	.id-slide-section-wrapper .slides-wrapper .each-slide .contentBox p{
		margin: 20px 0 10px;
	}
	.id-slide-section-wrapper .slides-wrapper .each-slide:nth-child(2n) .imgBox:before{
		left: auto;
		right: -15px;
	}
	.id-slide-section-wrapper .slides-wrapper .each-slide .imgBox:before{
		right: -10px;
	}
	.blog-page .blog-posts .left-box,
	.blog-page .blog-posts .right-box{
		width: 100%;
	}
	.blog-page .blog-posts .left-box .feat-img{
		height: 250px;
	}
	.blog-page .blog-posts .right-box{
		flex-direction: row;
	}
	.blog-page .blog-posts .left-box .feat-img h3{
		font-size: 18px;
		line-height: 28px;
		bottom: 10px;
        left: 10px;
	}
	.blog-page .blog-posts .feat-img{
		height: 180px;
	}
	.blog-page .blog-posts .left-box .feat-img .blog-cat{
		font-size: 12px;
		line-height: 22px;
	}
	.blog-page .blog-posts .left-box .feat-img h3{
		font-size: 16px;
        line-height: 26px;
	}
	.blog-page .blog-posts .feat-img h3{
		font-size: 14px;
        line-height: 24px;
	}
	.blog-page .container,
	.blog-page .blog-posts,
	.blog-page .blog-posts .left-box,
	.blog-page .blog-posts .right-box{
		gap: 10px;
	}
	.blog-page .blog-categories .category-list a{
		font-size: 12px;
		line-height: 22px;
	}
	.blog-page .blog-categories .category-list{
		padding: 10px 0;
		gap: 20px;
	}
	.container{
		padding: 0 45px;
	}
	.blog-page .blog-posts h2{
		font-size: 30px;
		line-height: 40px;
	}
}
@media(max-width: 768px) {
    .slider-inner {
        flex-direction: column;
        text-align: center;
    }

}
@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;
	}
	.blog-slider .blog-slide{
		max-width: 220px !important;
	}
	.id-slide-section-wrapper .slides-wrapper .each-slide .imgBox:before{
		top: 30px;
		height: calc(100% - 60px);
	}
	.blog-page .blog-posts .left-box, .blog-page .blog-posts .right-box{
		flex-direction: column;
	}
	.blog-page .blog-posts .left-box .feat-img{
		height: 200px;
	}
	.blog-page .blog-posts .feat-img{
		height: 130px;
	}
	.blog-page .blog-posts.all-posts .post{
		width: 100%;
	}
	.blog-page .blog-categories .category-list a {
        font-size: 10px;
        line-height: 20px;
    }
	.blog-page .blog-categories .category-list {
        padding: 6px 0;
        gap: 15px;
    }
	.blog-page .blog-posts h2{
		font-size: 24px;
		line-height: 34px;
	}
}
/*******************************************/