/* Responsive CSS */

@media screen and (max-width:1550px) and (min-width:1300px) { 
	.shipping-box p {
	    font-size: 14px !important;
	}
}

@media screen and (max-width:1169px) and (min-width:981px) {
	html{overflow-x:hidden; }
	.banner-wrap h2 {
	    font-size: 40px !important;
	}
	.service-main-box h3{
		font-size: 15px !important;
	}
	.course-column {
	    display: block !important;
	    text-align: center;
	}
    .course-column h4 {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }
    .achive-column {
	    display: block !important;
	    text-align: center;
	}
	.ac-image-box{
		margin: 0 auto 25px !important;
	}
	.shipping-box .wp-block-columns {
	    display: block;
	}
	.shipping-box p {
	    font-size: 14px !important;
	}
	.head-icon-box{
		text-align: left;
	}	
}

@media screen and (max-width: 980px){
	.fse-overlap-image{ position:relative !important; right:auto !important; bottom:auto !important; margin:25px 0 !important;}
	.wp-block-section-01 h2, .wp-block-section-02 h2{ font-size:28px !important; }
	.wpcf7 input[type="text"], 
	.wpcf7 input[type="tel"], 
	.wpcf7 input[type="email"], 
	.wpcf7 textarea{ 
		width:100%;
	}	
	.blog-area .wp-block-post-template{
		grid-template-columns: auto auto;
	}
	.banner-wrap h2,
	.courses-inner-box h4,
	.ac-main-box{
		text-align: center;
	}
	.main-header nav,
	.main-header ul,
	.main-header .wp-block-buttons,
	.banner-wrap .wp-block-buttons,
	.logo-box {
		justify-content: center;
	}
	.service-main-box {
    	margin-top: 20px !important;
	}
	.ac-image-box{
		margin: 0 auto;
	}
	.fashion-store-category,.ac-main-box {
	    display: grid !important;
	    grid-template-columns: auto auto;
	    gap: 70px;
	}
	.course-column {
	    flex-wrap: nowrap !important;
	}
	.courses-inner-box img{
		width: 100%;
	}
	.head-column {
	    display: grid !important;
	    grid-template-columns: auto auto;
	}
}

@media screen and (max-width:767px) {
	*{box-sizing:border-box;}
	.wp-block-navigation__responsive-container.is-menu-open.has-modal-open{ padding:25px;}
	.banner-wrap h2,
	.courses-inner-box h4,
	.ac-main-box{
		text-align: center;
	}
	.main-header nav,
	.main-header ul,
	.main-header .wp-block-buttons,
	.banner-wrap .wp-block-buttons,
	.logo-box {
		justify-content: center;
	}
	.banner-wrap h2{
		font-size: 40px !important;
	}
	.fashion-store-category {
	    display: flex !important;
	    gap: 20px;
	}
	.course-column {
	    flex-wrap: wrap !important;
	}
}