/*************Responsive Styles*****************/
@media screen and ( max-width: 1300px ){
	.single-page-image img{
		height: auto !important;
	}
}



@media screen and ( max-width: 1230px ){
	.container, header .container, .elementor-section.elementor-section-boxed > .elementor-container{
		padding-left: 15px !important;
		padding-right: 15px !important;
	}
	.elementor-section .elementor-inner-section .elementor-container{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	.navbar-brand img{
		width: 80% !important;
	}
	.navbar{
		height: 90px;
	}

}
@media screen and ( min-width: 1200px ) and ( max-width: 1800px ){
	.home-banner .elementor-container{
		min-height: calc(95vh - 120px) !important;
	}
}
/*******************************************/
@media screen and ( max-width: 1200px ){
	#navbarSupportedContent li{
		margin: 0 13px;
	}
	li.get-quote-menu{
		margin-left: 13px !important;
	}
}

@media screen and ( max-width: 1150px ){
	#navbarSupportedContent li{
		margin: 0 10px;
	}
	.nav-link span{
		font-size: 14px !important;
	}
	.footer-address-cont{
		column-gap: 90px;
	}
}



/**************iPad Landscape***************/
@media screen and ( max-width: 991px ){
	#navbarSupportedContent .navbar-nav{
		position: absolute;
		top: 0%;
		left: 0%;
		background-color: #fff;
	    width: 100%;
	    transition: 0s;
	    padding: 40px 15px;
	    z-index: 50;
	    height: 100vh;
	}
	#menu-main-menu{
		overflow:scroll;
		display: block !important;
	}
	li.get-quote-menu{
		margin-left: 0px !important;
	}
	.get-quote-menu{
		display: flex;
		justify-content: center;
	}
	.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;
	}
	/*body {
	    margin: 110px 0px 0px 0px;
	}*/
	#navbarSupportedContent li .nav-link {
	    margin: 10px 0px;
	}
	.dropdown-toggle::after{
		display: none;
	}
	.blog-details {
	    padding: 14px 16px 13px 15px;
	}
	.blog-details h5{
		font-size: 17px;
		line-height: 24px;
	}
	.blog-details p{
		font-size: 14px;
		line-height: 20px;
	}
	/*.blog-details p{
		padding-bottom: 10px;
	}*/
	.blog-details .read-more{
		font-size: 14px;
		line-height: 20px;
	}
}
/*******************************************/

/*************************iPad Portrait***************/

@media screen and (max-width: 985px){
	
}


/*******************************************/
@media screen and (max-width: 790px){
	.logo-menu {
		display: block;
	}
	footer .navbar-brand a{
		justify-content: center;
	}
	#menu-footer-menu{
		justify-content: center;
		margin-top: 40px;
		column-gap: 15px;
	}
	.footer-bottom {
		display: block;
	}
	.footer-address-cont{
		display: flex !important;
		justify-content: space-between;
		column-gap: 20px;
	}
	.footer-bottom{
		padding-bottom: 30px;
	}
	.footer_copy{
		text-align: center;
		margin-top: 20px;
	}
	#menu-footer-menu li{
		margin-right: 0px !important;
	}
	.steps-grid .elementor-container{
		grid-template-columns: 1fr 1fr;
		column-gap: 30px;
		grid-row-gap: 40px; 
	}
	.wpb-posts-nav{
		margin-bottom: 50px;
	}
	.conrainer-fluid.recent-blogs {
	    padding-bottom: 50px;
	    padding-top: 50px;
	}
	.solar-blogs-home {
	    grid-template-columns: 1fr 1fr;
	    grid-row-gap: 30px;
	}

}
/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	footer .row >div{
		margin-bottom: 30px;
	}
	#menu-footer-menu{
		flex-wrap: wrap;
	}
	#menu-footer-menu li{
		margin-top: 15px;
	}
	/*body {
	    margin: 90px 0px 0px 0px;
	}*/
	
	/*.solar-blogs-home{
		grid-template-columns: 1fr 1fr;
		grid-row-gap: 30px;
	}*/
	.wp-pagenavi span, .wp-pagenavi a{
		font-size: 12px;
		line-height: 19px;
	}
	.navigation.blog-nav {
	    margin-top: 40px;
	    margin-bottom: 70px;
	}
	.single-post .title{
		font-size: 30px;
		line-height: 40px;
	}
	.blog-single-content{
		padding-top: 45px;
	}
	.wpb-posts-nav a{
		flex-direction: column-reverse;
	}
	.wpb-posts-nav .previous-blog-post a{
		flex-direction: column !important;
	}
	.wpb-posts-nav__next{
		text-align: right;
	}
	.wpb-posts-nav{
		column-gap: 35px;
	}
	
	h3.recent-title{
		font-size:30px;
		line-height: 35px;
	}
	
}
@media screen and (max-width: 575px){
	.blog h2{
		margin-top: 15px;
	}.solar-types .elementor-container{
		row-gap:15px;
	}
	.solar-types .elementor-container .elementor-column{
		width: 100% !important;
	}
}
/*******************************************/

/***************iPhone Portrait**************/
@media screen and (max-width: 479px){
	/*body {
	    margin: 80px 0px 0px 0px;
	}*/
	.footer-address-cont{
		display: block !important;
	}
	.footer-contact-col{
		margin-top: 20px;
	}
	.footer-address-cont{
		text-align: center;
	}
	.solar-blogs-home{
		grid-template-columns: 1fr;
	}
	.each-item-pic img{
		width: 100%;
	}
	.footer-quote h5{
		font-size: 25px;
		line-height: 35px;
	}
	.footer-quote p{
		font-size: 14px;
		line-height: 24px;
	}
	.footer-quote a{
		width: 160px;
    	height: 42px;
    	font-size: 13px;
	}
	.mobile-width img{
		width: 100% !important;
	}
	.wpb-posts-nav__thumbnail img{
		width: 84px;
    	height: 63px;
	}
	.nav-style h4{
		font-size: 14px;
    	line-height: 19.6px;
	}
	.steps-grid .elementor-container {
	    grid-template-columns: 1fr;
	}
}
/*******************************************/
/*@media screen and (max-width: 400px){
	.steps-grid .elementor-container{
		grid-template-columns: 1fr;
	}
}*/