@media(max-width:1500px){

}


@media(max-width:1400px){
    
}


@media(max-width:1280px){
    
}


@media(max-width:1024px){

    header .nav-item .nav-link{font-size: 14px;}
    header .icon li a, header .icon li .btn{Padding: 8px 22px;}

    #about .content h2{font-size: 38px;}
    #about .content ul li{font-size: 14px;}
    #about .content .p2{font-size: 14px;}

    #seller .sellerinr .icon li a{font-size: 14px;}
    #seller .sellerinr .icon{left: 36px;}


}

@media(max-width:992px){

    header .nav-item .nav-link{color: #000;}
    header .icon{justify-content: start !important;}
    header .icon{display: none !important;}
    header .searching{display: block !important;}
    header .searching li a{background-color: transparent; font-size: 18px; color: #fff; padding: 6px 12px; border: 1px solid #fff; border-radius: 8px;}
    header .soical-icon{display: flex !important; margin-top: 20px;}

    #slider .content h1{font-size: 45px;}

    #about {padding: 50px 0px;}
    #about .content .p1{font-size: 17px;}
    #about .content h2{font-size: 29px;}
    #about .content .p2{font-size: 12px; margin: 10px 0px 20px;}
    #about .content ul{padding: 15px;}
    #about .content ul li i{font-size: 16px;}
    #about .content ul li{font-size: 13px;}
    #about .content ul li:first-child, #about .content ul li:nth-child(3){padding-bottom: 10px; margin-bottom: 10px;}


    #about-a .row{row-gap: 30px;}
    #about-a .content .text-a{width: 100%;}


    #service .serviceinr h4:after{left: 28%;}
    #service{background-position: left;}
    
    #gallery{padding: 50px 0px;}
    #gallery h2{font-size: 28px;}
    #gallery .p1{font-size: 16px;}

    #choose .choose h1{font-size: 26px;}
    #choose .choose p{font-size: 14px;}
    #choose .choose ul li{font-size: 14px;}
    #choose .choose .border{width: 250px; margin-bottom: 20px;}

    #seller .sellerinr .icon {left: 50px; top: 30%;}
    #seller .sellerinr .icon li a{padding: 6px 16px;}

    #happy h2{font-size: 33px;}

    #desing{padding: 10px 0px 50px;}
    #desing .desinginr1 h2, #desing .desinginr2 h2{font-size: 33px;}
    #desing .desinginr1 p, #desing .desinginr2 p{font-size: 14px;}
    #desing .desinginr1, #desing .desinginr2{padding: 45px 25px;}

    #testimonial h2{font-size: 30px;}
    #testimonial .content .p1{font-size: 16px;}

    #contact-text{padding: 50px 0px;}

    footer .footerinr ul li p{font-size: 14px; margin-top: 12px;}
    footer .footerinr ul li a{font-size: 14px;}

    #category{padding: 50px 0px;}
    #category .inr a{font-size: 16px;}
    #category .categoryinr .btn{font-size: 14px;}

    #contact-page{padding: 60px 0px;}
    #contact-page .row{row-gap: 30px;}
    #contact-page ul li a{font-size: 14px;}
    #contact-page ul li p{font-size: 14px;}
    #contact-page .btn-theme{font-size: 14px;}

    #career {padding: 50px 0px 10px;}
    #career .content h2{font-size: 30px;}
    #career .content p{font-size: 14px; margin: 10px 0px; font-weight: 400;}
    #career .content ul li{font-size: 14px; margin-bottom: 5px;}

    #contact-career{padding: 50px 0px;}
    #contact-career .row{row-gap: 30px;}
    
    #product {padding: 5px 0px 20px;}
    #product p{text-align: justify; margin-bottom: 10px;}
    #product ul li{text-align:justify; margin-bottom: 6px;}
    
}


@media(max-width:768px){

    
}


@media(max-width:520px){
    
}


@media(max-width:480px){

    header{position: relative; background-color: #424242;}
    header .navbar-brand{width: 30%;}
    header .navbar-toggler{font-size: 16px;}
    header .searching li a{padding: 5px 9px; font-size: 16px;}

    #slider .content{width: 350px; }
    #slider .content h1 {font-size: 40px;}
    #slider .content p{font-size: 16px;}
    
    #about-a {padding: 29px 0px;}
    #about-a h2 {font-size: 21px; margin-bottom: 10px;}
    #about-a .text {font-size: 14px; margin-bottom: 28px;}
    #about-a .txt-a{font-size: 6px !important;}
    #about-a .txt-b{font-size: 14px !important;}
    #about-a .content .btn {padding: 6px 11px; font-size: 13px;}
    
    #about .row{flex-direction: column-reverse; row-gap: 20px;}
    #service .row{row-gap: 20px;}
    #service .serviceinr{padding: 15px;}
    #service .serviceinr img{width: 40%;}
    #service .serviceinr h4:after{left: 38%;}

    #director{padding: 40px 0px;}

    #gallery h3 a{font-size: 18px;}

    #choose .row{flex-direction: column-reverse; row-gap: 20px;}
    
    #countdown .count {
    border-right: none;
    border-bottom: white 1px solid;
    padding: 50px 0px;
  }

  #seller .sellerinr .icon{left: 20px;}

    #testimonial .img img{width: 35%; margin: auto;}
    #testimonial {text-align: center; padding: 40px 0px 30px;}
    #testimonial .icon{margin: 0px 0px 0px 30px; text-align: left;}

    #contact-text .row{row-gap: 20px;}
    #contact-text .btn-theme{font-size: 14px;}
    
    #service {background-position: center right;}

    footer{padding: 20px 0px 20px;} 
    footer .row{row-gap: 8px;}
    footer .img a img{width: 55%;}
    footer .footerinr .logo img {width: 16%;}
    footer .footerinr ul li {margin-bottom: 0px;}

    #complet h2{font-size: 28px;}
    
    #about-heading{background-position: inherit;}
    #about-heading h2{font-size: 35px;}

    #career .row{row-gap: 20px;}

    #about-heading{padding: 55px 0;}
    
    #happy {padding: 20px 0px 20px;}
    #happy h2 {font-size: 35px; margin-bottom: 13px;}
    
    #seller {padding: 30px 0px 20px;}
    #seller .p1 {margin-bottom: 10px;}
    
    #contact-text {padding: 10px 0px;}
    #contact-text h3 {font-size: 28px; margin-bottom: 0px;}
    #frem h2 {font-size: 28px;}

    #contact-page {padding: 30px 0px;}
    #store-heading{padding: 55px 0;}
    #store-heading h2{font-size: 35px;}
}
    #gallery h2 {margin-bottom: 10px;}
    #gallery {padding: 25px 0px;}

    #career {padding: 15px 0px 10px;}
    #career-heading{padding: 50px 0; background-position: right top;}
    #career-heading h2{font-size: 35px;}

    #product .inr a{font-size: 16px;}
    #product h2 {font-size: 21px; margin-bottom: 6px;}



}


@media(max-width:400px){

    #slider .content{width: 300px; }

    
}


@media(max-width:340px){

    
}