@media only screen and (max-width:1675px){
    .topSellingDescription {
        padding-bottom: 37px;
    }
}
@media only screen and (max-width:1600px){
    .cardImg {
        height: 400px!important;
    }
    .topSellingSmallImg {
        height: 200px !important;
    }
    .topsellingHeading {
        padding: 5px 0 7px 0!important;
    }
}  
@media only screen and (max-width:1660px){
    .footerSections {
        width: 95%;
    }
    .topSellingDescription {
        font-size: 20px;
    }
}
@media only screen and (max-width:1560px){
    .sectionOneContents {
        display: flex;
        flex-direction: column;
    }
    .borderBefore {
        padding-right: 0px!important;
    }
    .lineBefore::before {
       display: none !important;
    }
    .footerSectionOne{
        width: 20%;
    }
    .footerSectionTwo{
        width: 60%;
    }
    .footerSectionThree{
        width: 20%;
    }
}
@media only screen and (max-width:1500px){
    .indexSmallImages {
        height: 350px;
    }
    .indexExtraBigImage,.indexBigImage{
        height: 700px;
    }

}
@media only screen and (max-width:1385px){
    .headerLogo {
        width: 150px;
    }
    .editOne, .editTwo{
        gap: 35px;
    }
}
@media only screen and (max-width:1310px){
    .onSaleHoverSearch img {
        width: 27px;
    }
    .onSaleHoverHeading {
        font-size: 20px;
    }
    .onSaleHoverContent {
        font-size: 18px;
        padding-bottom: 14px;
    }
    .onSaleHoverButton a {
        font-size: 16px;
        padding: 10px 35px;
    }
}
@media only screen and (max-width:1280px){
    .headerSecions {
        width: 95%!important;
    }
    .userIcon {
        width: 25px!important;
    }
    .wishListIcon{
        width:26px;
    }
    .cartIcon{
        width:31px;
    }
    .headerLogo{
        width:150px;
    }
    .navSection a {
        padding: 0 5px !important;
        font-size: 15px;
    }
}
@media only screen and (max-width:1203px){
    .topSellingDescription {
        padding-bottom: 4px;
    }
    .topSellingSmallImg{
        width:82%;
        margin: auto;
    }
}
@media only screen and (max-width:1200px){
    .flexOrder{
        order:1;
    }
    .cardImg {
        width: 82%!important;
        height: 300px!important;
        margin: auto;
    }
    .topsellingHeading {
        padding: 5px 0 0px 0 !important;
    }
    .topSellingDescription {
        padding-bottom: 4px;
    }
    .topSellingSmallImg {
        height: 197px !important;
    }
    .topSellingDescription {
        font-size: 15px;
    }
    .card-title {
        padding: 11px 0 5px 0 !important;
    }
    .card-body {
        padding-bottom: 17px !important;
    }
    .topSellingContents .col-sm-12.col-md-6.col-xl-4 {
        padding-right: 0px !important;
    }
    .slick-slide.slick-current.slick-active.slick-center .card {
        width: 65%;
    }
}
@media only screen and (max-width:1000px){
    .overLayHeading {
        font-size: 58px;
        line-height: 65px;
        padding-bottom: 25px;
    }
    .searchSection{
        width:180px;
    }
    .headerLogo {
        width: 125px;
    }
    .navSection a {
        font-size: 13px !important;
    }
    .topSellingSection {
        padding: 50px 0;
    }
    .indexSmallImages {
        height: 250px;
    }
    .indexExtraBigImage, .indexBigImage {
        height: 500px;
    }
    .orderAndViewSection a {
        font-size: 13px;
    }
    .cardOverLay {
        display: block;
        background-color:transparent;
    }
    .blackEye, .whiteEye {
        width: 22px;
    }
    .blackCart, .WhiteCart {
        width: 22px;
    }
    .whiteHeart, .blackHeart {
        width: 18px;
    }
    .iconPlaceHeart, .iconPlaceEye {
        display: block!important;
    }
    .addtoCart{
        visibility: visible !important;;
    }
     .slick-list {
        padding-left: 15%!important;
        padding-right: 15%!important;
      }
      button.slick-arrow.slick-prev {
        left: 4%;
    }
    button.slick-arrow.slick-next {
        right: 4%;
    }
    .slider_banner .slider_shop_now{
        padding: 8px 30px;
    }
    .addresses{
        gap: 16px;
    }
    .editOne, .editTwo{
        gap: 15px;
    }
    .accountHeadng{
        font-size: 18px;
    }
    .myAccEdit{
        padding: 1px 5px;
        font-size: 14px;
    }
    .myAccEdit i {
        font-size: 10px;
    }
    p#addressBilling, p#addressShipping {
        font-size: 14px;
    }
}
@media only screen and (max-width:940px){
    .headerSecions {
        width: 97% !important;
    }
}
@media only screen and (max-width:880px){
    .heroBg {
        height: 500px !important;
    }
    .navSection a {
        padding: 0 5px !important;
    }
    .userIcon {
        width: 21px !important;
    }
    .wishListIcon {
        width: 23px!important;
    }
    .cartIcon {
        width: 28px!important;
    }
    .imageContent {
		/*display: inline-block;*/
		position: relative;
	}
	.proctShow {
		text-align: center;
	}
    .pagination{
        justify-content: center;
    }
    .cartItemList {
        width: 259px;
    }
    .addresses{
        flex-direction: column;
    }
    .editOne, .editTwo {
        gap: 40px;
    }
    .billingAddress, .shippingAddress {
        width: 100% !important;
    }

}
@media only screen and (max-width:817px){
    
    .userIcon {
        width: 18px !important;
    }
    .wishListIcon {
        width: 21px !important;
    }
    .cartIcon {
        width: 26px !important;
    }
    .headerLogo {
        width: 120px;
    }
}
@media only screen and (max-width:1005px){
    .navSection a {      
        font: size 12px !important;
    }
}
@media only screen and (max-width:900px){
    .navSection a {      
        font: size 10px !important;
    }
}


@media only screen and (max-width:760px){
    .heroBg {
        height: 400px !important;
    }
    .footerSections{
        flex-direction: column!important;
        align-items:flex-start!important;
    }
    .search_box {
        top: 160px!important;
    }
    .footerSectionOne{
        width: 100%;
        order:2;
        padding-bottom:20px;;
    }
    .followUsHeading {
        margin-bottom: 0!important;
    }
    .sectionOneHeading {
        margin-bottom: 5px;
    }
    .footerSectionTwo{
        width: 100%;
        padding-bottom:20px;
    }
    .footerSectionTwo{
        align-items:flex-start!important;
    }
    .footerSectionThree{
        width: 100%;
        justify-content:flex-start!important;
        order:3;
    }
    .footer {
        padding: 30px 0 10px 0!important;
    }
    .headerSecions{
        display:none!important;
    }
    .mblheader{
        display:block!important;
        padding:10px 0;
    }
    .overLayHeading {
        font-size: 30px;
        line-height: 36px;
        padding-bottom: 15px;
    }
    .orderAndViewSection a {
        font-size: 10px;
    }
    .topSellingSmallImg {
        height: 300px !important;
    }
    .onSaleSectionContents{
        flex-direction:column;
    }
    .onSaleSectionOne, .onSaleSectionTwo {
        width: 100%;
    }
    .indexBigImage {
        width: 100%;
    }
    .OnsaleSecTwoSmallImg {
        width: 100%;
    }
    .indexSmallImages,.indexExtraBigImage{
        height: 300px;
    }
    .indexBigImage{
        height:600px;
    }
    .onSaleSection{
        width:90%;
        margin:auto;
    }
    .topSellingSection {
        padding: 30px 0;
    }
    .card-body {
        font-size: 18px;
    }
    .featuredCenterImage {
        height: 350px !important;
    }
    .slick-current {
        transform: translate3d(0, -70px, -50px);
    }
    .slick-slide.slick-current.slick-active.slick-center .card {
        width: 75%;
    }
    .slick-next.slick-arrow, .slick-prev.slick-arrow {
        height: 30px;
        width: 30px;
    }
    .w-6.h-6 {
        width: 21px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .order_placed h1 {
        font-size: 20px;
    }
    .order_placed h3 {
        font-size: 18px;
    }
    .orderDetails .table thead th {
        font-size: 18px;
    }
    .banner_one h1,.banner_one a{
        text-align: center;
    }
    .order_placed h1 {
        font-size: 20px;
    }
    .order_placed h3 {
        font-size: 18px;
    }
    .orderDetails .table thead th {
        font-size: 16px;
    }
    .orderDetails .table thead td {
        font-size: 16px;
    }
    .giveOptions .paymentMethod {
        font-size: 16px;
    }
    .bigImage {
        height: 160px !important;
    }
    .custom-swaltimer-font,.custom-swal-font{
		font-size: 8px;
	}
    .myAccountSctn td:last-child {
        flex-direction: column;
    }
    #productPopupCarousel .item {
        width: 25px;
    }
    .slick-slide.slick-current.slick-active.slick-center .card {
    width: 100% !important;
    margin-top: 23px !important;
	}
.mblheaderIcons {
    gap: 12px;
}.search_box.active {
    top: 178px !important;
    width: 280px !important;
}


}
@media only screen and (max-width:574px){
    .heroSlider{
        height:250px;
    }
    .heroSlider img{
        height:100%;
    }
}
@media only screen and (max-width:500px){
   .OnsaleSecTwoSmallImgs{
        flex-direction: column;
        margin-bottom:10px;
    } 
    .onSaleSmallImages{
        flex-direction:column;
    }
    .onSaleSectionTwoPartitionOne{
        flex-direction:column;
    }
    .indexBigImage{
        height:300px;
    }
    .onsaleSectionTwoSmallImgsOne,.indexBigImage,.indexExtraBigImage,.onsaleSectionOneSmallImgOne,.onsaleSectionOneSmallImgTwo,.onsaleSectionTwoSmallImgOne,.onsaleSectionTwoSmallImgTwo{
        margin-bottom:10px;
    }
    .slick-slide.slick-current.slick-active.slick-center .card {
        width: 100%;
    }
}
@media only screen and (max-width:450px){
    .topSellingSmallImg,.cardImg{
        width: 100%!important;
        margin: auto;
        height: 250px !important;
    }
    .topSellingSmallImg,.indexSmallImages,.indexExtraBigImage,.indexBigImage{
        height: 250px !important;
    }
}
@media only screen and (max-width:430px){
    .overLayHeading {
        font-size: 26px;
        line-height: 27px;
        padding-bottom: 10px;
    }
    .orderAndViewSection a {
        padding: 7px 10px;
    }
}
@media only screen and (max-width:410px){
    .search_box.active {
        width: 300px;
    }
    .featuredCenterImage {
        height: 250px !important;
    }   
    .featureProductsSection .container{
        padding: 0 5px!important;
    }
}
@media only screen and (max-width:340px){
    .overLayHeading {
        font-size: 23px;
    }
}
@media only screen and (max-width:350px){
    .mblheaderLogo a img {
        width: 120px!important;
        height: 100px !important;
    }
}
@media only screen and (max-width:310px){
    .search_box.active {
        width: 250px;
    }
}