/*for-large-dekstop view-1200*/

@media only screen and (min-width: 100px) and (max-width: 1399px) {
	.banner-title h1, .banner-title h2 {
    font-size: 80px;
}
	
	.banner-title h5 {
    padding-right: 20px;

}
	.about-image img {
    height: 800px;
}.about-content {
    padding-left: 0px;
}
	.product-box-main {
    padding: 10px;
}
	
.navigations nav ul {
    gap: 22px;
}
.banner-event {
    width: 410px;
}
	
	
	
	
	
	
	

}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {

	.hero-back {
    padding-top: 0px;
}
	
	
	.slider-container {
    margin-bottom: -160px;
    margin-top: 60px;
}
	    .main-title h2 {
        font-size: 45px;
    }
	.form-title strong {
    margin-top: 10px;
}
	.form-input {
    margin-top: 10px;
}
	.form-field textarea {
    height: 70px;
}
	.how-work .row > div:last-child .how-work-card {
    display: none;
}
	
	    .banner-title h1, .banner-title h2 {
        font-size: 75px;
    }
    .main-title h2 {
        font-size: 38px;
    }
	.about-content p {
    margin-top: 10px;
}
	.main-title h4::before,
.main-title h4::after {
    width: 90px;
}
	.main-title h4::after {
    right: -100px;
}
	
	    .h-logo a img {
        width: 100px;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
	.h-items {
    justify-content: end;
}
	.shop-product-main ul.products li.product {
    width: 100% !important;
}
	.banner-image {
    width: 80%;
    margin: 40px auto 0px;
}
	.banner-image img {
    height: 360px;
    object-fit: cover;
}
	.slider-container {
        margin-top: 80px;
    }
	.about-content.main-title {
    padding-top: 40px;
}
.about-content.main-title {
    padding-top: 40px;
}
	    .how-work .row > div:last-child .how-work-card {
        display: block;
    }
    .form-image img {
        height: 400px;
        width: 90%;
        margin: 0 auto;
    }
.form-image-box {
    margin-top: 40px;
}
.form-image::before {
    right: 10px;
    top: -20px;
}
	    .form-content {
        padding-right: 0px;
        margin: 0px 18px;
    }
    .h-logo a img {
        width: 90px;
    }
	    .about-image img {
        height: 700px;
    }
	.gallery .swiper.mySwiper {
    padding-bottom: 180px;
}
	    .slider-container {
        margin-top: 30px;
    }
	.news-latter-form form {

    padding: 30px 0px;
}
.f-links.content-f {
    padding: 20px 0px;
}
	    .banner-event {
        padding: 30px 20px;
        width: 90%;
    }
	.banner-event-content h4::before {
    left: -57px;
    width: 50px;
}
	.banner-event-content h4::after {
    width: 50px;
    right: -57px;
}
	    .banner-title h1, .banner-title h2 {
        font-size: 55px;
    }
	    .banner-title h5 {
        padding-right: 0px;
        font-size: 23px;
    }
	.banner-title h4 {
    font-size: 22px;
    margin-bottom: 0;
}
}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
	.topbar-header {
    display: none;
}
	    .about-image img {
        height: 600px;
    }
	.spacing {
    padding: 80px 0px;
}
    .gallery .swiper.mySwiper {
        padding-bottom: 220px;
        height: 620px;
    }
	
	
	
	    .product-box-main {
        padding: 20px;
    }

	.main-title h4::before {
    left: -110px;
}
	.news-latter-image img {
    height: 440px;
    object-fit: cover;
}
	    .news-latter-form form {
        flex-direction: column;
        gap: 22px;
    }
	.hero-sec {
    height: auto;
    padding: 50px 0px;
}
	    .banner-event {
        margin-top: 20px;
    }
	
	.banner-event-content h4::before {
        left: -57px;
    }
	
}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
  .container {
    width: 96%;
  }
	    .banner-title h1, .banner-title h2 {
        font-size: 56px;
    }
	    .banner-title h5 {
        padding-right: 0px;
        font-size: 20px;
    }
	.banner-title h4 {
    margin-bottom: 0px;
}
	    .about-image img {
        height: 460px;
    }

	.about-image-tag {

    padding: 20px 20px;
}
	.spacing {
    padding: 60px 0px;
}
	
	section.news-latter {
    padding-top: 60px;
}
	.news-latter-image img {
    height: 320px;
}
	.f-logo a {
    width: 110px;
}
	.f-main {
    padding: 60px 0px;
}
	.main-title h4 {
    font-size: 25px;
 
}
	    .banner-title  h2 {
        font-size: 35px;
    }
	    .main-title h2 {
        font-size: 35px;
        line-height: 38px;
    }
	    .banner-event {
        width: 100%;
    }
	.banner-event {
        width: 100%;
    }
}

/*for-small_mobile view-320*/

@media only screen and (min-width: 100px) and (max-width: 374px) {
}