/*************Responsive Styles*****************/
/*******************************************/
@media screen and ( max-width: 1400px ){
	header .container, .top-container, .bottom-container, .batsar-container{
		padding: 0 13rem;
	}
	html, body{
		font-size: calc(100vw / 90) !important;
	}
	.baster-single-container .row{
		padding: 60px 0px !important
	}
}

@media screen and ( max-width: 1300px ){
	#menu-main-menu li a span{
		font-size: 14px;
        line-height: 24px;
        white-space: break-spaces;
	}
}

@media screen and ( max-width: 1200px ){
	p, a.read-more, #menu-main-menu li.contact-button a span, .elementor-icon-list-item span.elementor-icon-list-text{
		font-size: 14px !important;
		line-height:24px !important;
	}
	.top-container, .bottom-container, .batsar-container {
        padding: 0 8rem;
    }
	header .container{
		padding: 0 6rem;
	}
	.navbar{
		height: 75px !important;
	}
	.story-content a h3{
		font-size: 16px;
		line-height: 26px;
	}
	.footer-menu-col ul li a{
		font-size: 12px;
		line-height: 22px;
	}
	.footer-menu-col ul{
		margin-top: 20px;
		flex-wrap: wrap;
		column-gap: 25px;
		row-gap: 15px;
	}
	.social-media-icon a{
		width: 20px;
		height: 20px;
	}
	.social-media-icon{
		column-gap: 20px;
	}
	ul.sub-page-list h4{
		font-size: 16px;
		line-height: 26px;
		min-height: 100px;
	}
	ul.sub-page-list{
		grid-template-columns: repeat(2, 1fr);
		column-gap: 20px;
		row-gap: 20px;
	}
	ul.sub-page-list img{
		height: 145px;
	}
	h2.single-title{
		font-size: 30px !important;
		line-height: 40px !important
	}
	.media-items h3, .media-tabs button{
		font-size: 12px !important;
		line-height: 18px !important;
	}
	.media-tabs button{
		height: 30px !important;
	}
	
}
@media screen and ( max-width: 1024px ){
	.batsar-slider img{
		width: 20rem;
	}
	.bottom-container{
		column-gap: 30px;
		flex-direction: column-reverse;
		justify-content: center;
		row-gap: 20px;
		padding-top: 20px !important;
		padding-bottom: 20px !important;
	} 
	.social-media-icon{
		justify-content: center;
	}
	.images-section p span{
		font-size: 14px;
		line-height: 24px;
	}
	.images-section p span.day{
		font-size: 15px;
		line-height: 25px;
	}
	.page-id-27 .images-section p span.day{
		font-size: 25px;
		line-height: 25px;
	}
	.single-contact{
		height: auto !important;
	}
	
}

/**************iPad Landscape***************/
@media screen and ( max-width: 991px ){
	#navbarSupportedContent{
		position: absolute;
        top: 0%;
        left: 0%;
        background-color: var(--yellow);
        width: 85%;
        transition: 0s;
        padding: 40px 15px;
        z-index: 50;
        height: 100vh;
        justify-content: center;
        row-gap: 20px;
	}
	#menu-main-menu li.contact-button{
		width: auto;
		height: auto;
	}
	.story-content{
		padding: 13px;
	}
	.read-more svg {
		width: 13px;
		height: 13px;
	}
	.noscroll{
		overflow: hidden;
	}
	.sec-navbar .navbar-nav{
		height: 100vh;
		padding-bottom: 40px !important;
		justify-content: end;
		background-color: var(--color8) !important;
	}
	.dropdown-menu{
		display: none !important;
		flex-direction: column;
		background-color: var(--color5);
		border: 0px;
		margin-left: 20px;
		padding: 0px;
	}
	.dropdown-menu.showMenu{
		display: flex !important;
	}
	.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;
	}
	.images-section {
		height: 150px;
		position: relative;
	}
	.text-dec span{
		font-size: 16px;
		line-height: 20px;
	}
}
/*******************************************/

/*************************iPad Portrait***************/
@media screen and (max-width: 985px){
	.service-banner{
		max-height: 100% !important;
	}
}
/*******************************************/
@media screen and (max-width: 880px){
	.success-full-list{
		grid-template-columns: repeat(2, 1fr);
		gap: 20px;
	}
}
/**********************iPhone Landscape*************/
@media screen and (max-width: 767px){
	footer .row >div{
		margin-bottom: 30px;
	}
	header .container, .top-container, .bottom-container, .batsar-container{
		padding: 0 20px;
	}
	.media-home-list{
		grid-template-columns: 1fr 1fr;
	}
	.media-home-list .each-media img{
		width: 100%;
	}
	.media-home-list .each-media{
		height: auto !important;
	}
	.media-home-list .each-media:last-child, .media-home-list .each-media:first-child {
		margin-top: 0px;
	}
	.story-content p{
		margin-top: 10px;
		margin-bottom: 15px;
	}
	.blog-head{
		min-height: 250px;
	}
	.blog-head h1{
		line-height: 40px;
		font-size: 30px
	}
	.baster-single-container .row{
		padding: 30px 0px !important;
	}
	.single-page-image{
		height: 300px
	}
	.change-list ul{
		grid-template-columns: 1fr 1fr;
	}
	.media-items {
		columns: 2 !important;
		column-gap: 30px !important;
	}
	
}
@media screen and (max-width: 575px){
	.blog h2{
		margin-top: 15px;
	}
	.profile-section .elementor-element, .m-image img{
		width: 100% !important; 
	}
	.para-full{
		width: 100% !important;
	}
	.service-banner{
		flex-wrap: wrap !important;
	}
	.img-full img{
		width: 100% !important;
		max-width: 100% !important;
	}
	ul.sub-page-list{
		grid-template-columns: 1fr;
	}
	ul.sub-page-list h4{
		min-height: auto;
		padding: 10px;
	}
}
/*******************************************/

/***************iPhone Portrait**************/
@media screen and (max-width: 479px){
	.img-w img{
		width: 100% !important;
	}
	.media-home-list{
		grid-template-columns: 1fr;
	}
	.success-full-list{
		grid-template-columns: 1fr;
	}
	.change-list ul{
		grid-template-columns: 1fr;
	}
}
/*******************************************/