@media only screen and (min-width: 100px) and (max-width: 1899px) {
	.banner-img img {
		height: 700px;
	}
	.banner-title h2{
		font-size: 80px;
	}
	button.slick-next.slick-arrow {
		right: 0px;
	}
	button.slick-prev {
		left: 0px;
	}
	.container-fluid {
        max-width: 1680px;
    }
	
}


@media only screen and (min-width: 100px) and (max-width: 1699px) {
	.commision-text {
		left: 4px;
	}
	.commision-text h2 {
		font-size: 157.32px;
	}
	.container-fluid {
        max-width: 1280px;
    }
	.commision-text {
        left: 64px;
    }
	.commision-text h2 {
        font-size: 133.32px;
    }
	.main-menu ul{
		gap: 12px;
	}
	.main-logo a{
		width: 165px;
	}
	.main-logo {
		text-align: left;
	}
	.header-actions ul{
		gap: 19px;
	}
	.web-btn a{
		padding: 13px 21px;
		font-size: 14px;
	}
	.header-actions ul li h4 a{
		font-size: 14px;
	}
	.action-image{
		width: 34px;
		height: 34px;
	}
	.main-menu ul li a{
		font-size: 14px;
	}
	.about-image-two img {
		width: 289px;
	}
	.about-image-one img {
		width: 405px;
	}
	.about-image-two {
		right: -30px;
	}
	.web-title h2{
		font-size: 50px;
	}
}

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

@media only screen and (min-width: 100px) and (max-width: 1399px) {
	button.slick-prev {
		left: -10px;
	}
	button.slick-next.slick-arrow {
		right: 0px;
	}
	.container-fluid {
        max-width: 1100px;
    }
	.main-menu ul li a{
		padding: 8px 13px;
		font-size: 13px;
	}
    .main-logo a {
        width: 155px;
        margin-left: -9px;
    }
	.action-image img {
		width: 14px;
	}
	.action-image {
        width: 30px;
        height: 30px;
    }
	.header-actions ul {
        gap: 14px;
    }
	.header-actions ul li{
		    gap: 7px;
	}
	.header-actions ul li h4 a {
        font-size: 13px;
    }
	.web-btn a {
        padding: 10px 19px;
        font-size: 12px;
    }
	.free-shipping h4{
		font-size: 12px;
	}
	.header-contact ul li {
		font-size: 12px;
	}
	.header-top{
		padding: 10px 0px;
	}
	.banner-title h2 {
        font-size: 70px;
    }
	.banner-img img {
        height: 580px;
    }
	.web-title:has(p) h2 {
		margin-bottom: 15px;
	}
	.portfolio-image img{
		height: 390px;
	}
	.portfolio-content h2{
		font-size: 23px;
	}
	.portfolio-content p{
		font-size: 16px;
	}
	.about-image-one img {
        width: 335px !important;
    }
	.about-image-two img {
        width: 229px !important;
    }
	.about-image-two {
        right: 10px !important;
    }
	.about-title{
		padding-left: 0px;
	}
	.web-title h2 {
        font-size: 42px;
    }
	.web-title h4 {
        font-size: 22px;
        margin-bottom: 8px;
    }
	.web-title p{
		font-size: 18px;
	}
	.tabs-buttons ul {
		gap: 12px;
	}
	.tabs-buttons ul li button{
		padding: 14px 19px;
		font-size: 14px;
	}
	section.news-letter {
		padding-bottom: 170px;
	}
	.footer-logo a {
		padding-right: 15px;
	}
    .testi-content p{
        font-size: 16px;
        height: 124px;
    }
    .testi-content{
        padding: 22px;
    }
    .artist-image img{
        height:360px;
    }
    .artist-content h2{
        font-size: 22px;
    }
}

/*for-laptop view-1024*/

@media only screen and (min-width: 100px) and (max-width: 1199px) {
    .main-logo{
        text-align:right;
    }
    
	.container-fluid {
        max-width: 960px;
    }
	.action-none{
		display:none !important;
	}
	.main-menu ul {
        gap: 2px;
    }
	.main-logo a {
        width: 130px;
        margin-left: -19px;
    }
	.header-bottom{
		padding: 20px 0px 10px;
	}
    .banner-title h2 {
        font-size: 60px;
        text-shadow: 0px 2px 0 #fff, 3px 3px 0 #000;
    }
	.commision-text h2 {
        font-size: 103.32px;
    }
	.commision-text {
        left: 24px;
    }
	.banner-img img {
        height: 470px;
    }
	.spacing {
		padding: 70px 0px;
	}
	.web-title p {
        font-size: 16px;
    }
	.portfolio-image img {
        height: 310px;
    }
	.portfolio-content h2 {
        font-size: 20px;
    }
	.portfolio-content p {
        font-size: 14px;
    }
	.tit-gap {
		margin-bottom: 50px;
	}
	section.about-us {
		padding: 60px 0 110px 0px;
	}
	.about-image-two img {
        width: 209px !important;
    }
	.about-image-two {
        right: 0px !important;
		bottom: -30px;
    }
	.featured-products-sec .portfolio-image img {
		height: 330px;
		object-fit: cover;
	}
	.featured-products-sec .portfolio-image {
		padding-right: 50px;
	}
	.portfolio-image h4{
		right: -95px;
		font-size: 39px;
	}
	section.new-arrivals{
		padding-top: 0px;
		margin-top: 80px;
	}
	.web-title h2 {
        font-size: 34px;
    }
	.web-title:has(p) h2 {
        margin-bottom: 8px;
    }
	section.demands-attention {
		padding-top: 100px;
	}
	section.news-letter {
        padding-bottom: 143px;
    }
	.footer-links h4, .footer-social h4{
		font-size: 16px;
   		margin-bottom: 20px;
	}
	.footer-links ul li a{
		font-size: 16px;
		margin-bottom: 11px;
	}
	.footer-social ul{
		gap: 10px;
	}
	.footer-social ul li a{
		font-size: 16px;
		width: 35px;
    	height: 35px;
	}
	.copyright-text p {
		font-size: 15px;
		padding: 12px 0px;
	}
}

/*for-tablet view-768*/

@media only screen and (min-width: 100px) and (max-width: 991px) {
    .package-tab-btns ul{
        margin: 30px 0 20px 0px;
    }
    .portfolio-sec .gallery-btns ul li a, .package-tab-btns ul li button, .graph-btns ul li a {
        padding: 6px 26px;
        font-size: 14px;
    }
    .banner-title h2 {
       font-size: 44px ;
       text-shadow: 1px 1px 0 #fff, 1.5px 1.5px 0 #000;
    }
    .header-bottom {
        padding: 50px 0px 40px;
        position: relative;
    }
	.faq-img {
    margin-top: 50px;
}
	.main-logo {
        text-align: left;
        position: absolute;
        top: 35px;
        left: 30px;
    }
	.container-fluid {
        max-width: 740px;
    }
	.header-contact ul{
		gap: 20px;
	}
    .free-shipping h4 {
        font-size: 11px;
    }
    .commision-text {
        left: 14px;
    }
	.commision-text h2 {
        font-size: 89.32px;
    }
	.spacing {
        padding: 50px 0px;
    }
	.about-images{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 24px;
	}
    .about-image-one img {
        width: 380px !important;
    }
    .about-image-two img {
        width: 309px !important;
    }
	.about-image-two{
		position:unset;
	}
	.about-title {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	section.about-us.about-another-sec .row {
    flex-direction: column-reverse;
}
	section.about-us {
        padding: 60px 0 60px 0px;
    }
	.featured-title {
        margin-bottom: 20px;
    }
    .tit-gap {
        margin-bottom: 40px;
    }
	.waving-img-top{
		top: -70px;
	}
	.waving-img-bottom{
		bottom: -21px;
	}
	section.demands-attention {
        padding-top: 75px;
    }
	.demands-image {
		padding: 0 25px;
	}
    section.news-letter {
        padding-bottom: 123px;
        background-position: top;
    }
	.newsletter-title {
		margin-bottom: 25px;
	}
	footer.main-footer{
	 	border-radius: 50px 50px 0px 0px;
	}
	.footer-logo a {
		width: 180px;
	}
	.web-btn a {
        padding: 9px 19px;
        font-size: 11px;
    }
	.ham-menu a {
		color: var(--c5);
		font-size: 18px;
	}
	.commision-text h2 {
        font-size: 44.32px;
    }
	.banner-img img {
        height: 330px;
    }
	.commision-text{
		bottom: 6px;
	}
	.web-title h4 {
        font-size: 18px;
        margin-bottom: 8px;
    }
	.web-title h2 {
        font-size: 28px;
    }
	.web-title p {
        font-size: 14px;
    }
	.portfolio-image{
		margin-bottom: 20px;
	}
	.portfolio-content h2 {
        font-size: 18px;
        padding-bottom: 5px;
    }
	  .contact-form h2 {
    margin-bottom: 30px;
    font-size: 34px;
  }
      .artist-image img {
        height: 250px;
    }
    .artist-content h2 {
        font-size: 18px;
        margin-bottom: 2px;
    }
    .artist-content h4 {
        font-size: 14px;
    }
}

/*for-landscape_mobile view-576*/

@media only screen and (min-width: 100px) and (max-width: 767px) {
	.inner-header {
    height: 300px;
    padding-top: 50px !important;
}
}

/*for-mobile view-375*/

@media only screen and (min-width: 100px) and (max-width: 575px) {
    .inner-header .inner-header-title h2{
        font-size: 32px;
    }
    .inner-header {
        height: 240px;
        padding-top: 65px !important;
    }
	.container {
		width: 96%;
	}
	.header-top {
		display: none;
	}
	.main-logo a {
        width: 110px;
        margin-left: -20px;
    }
	.spacing {
        padding: 40px 0px;
    }
	.contact-form {
    padding: 30px 20px;
}

.contact-form h2 {
    font-size: 25px;
}
	.about-image-two {
        display: none;
    }
	.about-image-one img {
        width: 250px !important;
    }
	section.about-us {
        padding: 40px 0 40px 0px;
    }
	.about-title {
        padding-top: 25px;
    }
    .tabs-buttons ul li button {
        padding: 11px 10px;
        font-size: 11px;
    }
	.tabs-buttons ul {
        gap: 5px;
        justify-content: center;
    }
	.container-fluid {
		width: 96%;
		max-width: 100%;
	}
	.faq-img img {
    object-fit: cover;
    width: 280px;
    margin: 0 auto;
}
	.tit-gap {
        margin-bottom: 25px;
    }
	.portfolio-image h4 {
        right: -72px;
        font-size: 33px;
    }
	.waving-img-top {
        top: -41px;
    }
	section.new-arrivals {
        margin-top: 40px;
    }
    .banner-title h2 {
        text-shadow: 1px 1px 0 #fff, 1.5px 1.5px 0 #000;
        font-size: 32px;
    }
	.web-title h2 {
        font-size: 28px;
		text-shadow: 1px 1px 0 #fff, 1.5px 1.5px 0 #000;
    }
	.web-title h4 {
        font-size: 16px;
        margin-bottom: 8px;
    }
	.portfolio-content h2 {
        font-size: 16px;
        padding-bottom: 6px;
    }
	.portfolio-content p {
        font-size: 13px;
    }
	.demands-image {
        padding: 0 10px;
    }
	section.news-letter{
	}
	.newsletter-form input{
		padding: 12px 16px;
		font-size: 14px;
	}
	.newsletter-form button{
		font-size: 12px;
		right: 20px;
	}
	.newsletter-form button i {
		margin-left: 6px;
		font-size: 16px;
	}
	.footer-logo a {
        width: 150px;
    }
	.footer-links ul li a {
        font-size: 14px;
        margin-bottom: 10px;
    }
	.copyright-text p {
        font-size: 14px;
        padding: 12px 0px;
    }
	.footer-links h4, .footer-social h4 {
        font-size: 16px;
        margin-bottom: 10px;
    }
	.form-grid{
		display:block !important;
	}
	.modal-body label{
		font-size:14px;
	}
    .portfolio-sec .gallery-btns ul li a, .package-tab-btns ul li button, .graph-btns ul li a {
        padding: 6px 22px;
        font-size: 12px;
    }
    .instruction-sec-content p strong {
        font-size: 20px;
    }
    .instruction-sec-content p {
        margin-bottom: 10px;
    }
    .instruction-sec-content p {
        font-size: 16px;
    }
    .instruction-sec-content ul li{
        font-size: 14px;
    }
}

/*for-small_mobile view-320*/

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