@media only screen and (min-width: 320px) and (max-width: 800px) { 
    body h1{
        font-family: "Montserrat", sans-serif;
        font-size: 30px;
    }

    body h1 span{
        font-size: 40px;
        color: #c0d537;
    }

    ul.header-social-icons {
        display: none;
    }

    .home{
        height: auto;
    }

    .home .home-content {
        width: 100%;
        padding: 0;
    }

    .home .home-content .home-paragraph {
        padding: 10px 0px;
    }

    .home .home-content .home-paragraph p {
        font-size: 19px;
    }

    .home .home-content .button a {
        font-size: 18px;
        padding: 5px 20px;
        border: 1px solid #464646;
    }

    .home .home-image {
        width: 97%;
    }

    /* products page */

    .products {
        padding: 0px 80px 0px 20px;
        text-align: center;
        height: auto;
    }

    .products .products-head .products-heading {
        width: 100%;
    }

    .products .products-head .products-counter {
        width: 100%;
        text-align: center;
    }

    .products-counter ul.products-box {
        margin: 5px 5px;
    }

    .products-counter ul.products-box li.counter {
        font-size: 28px;
    }

    .products .slider {
        padding-top: 10px;
    }

    .products .slider .img-wish .slide-products-details h5 {
        font-size: 19px;
    }

    .products .slider .img-wish .slide-products-details a {
        padding: 5px 10px;
    }

    .products .pop-up .product-image{
        width: 100%;
    }

    .products .pop-up .product-description {
        width: 100%;
    }

    /* Gallery page start */

    .gallery {
        padding: 0px 80px 0px 10px;
    }

    .gallery .travelling-bag {
        width: 100%;
    }

    .gallery .travelling-bag-image {
        width: 100%; 
    }

    .gallery .travelling-bag-detail {
        width: 100%;
        padding: 10px;
    }

    .gallery .luggage-bag {
        width: 100%;
        padding-left: 0px;
    }

    .gallery .school-bag {
        width: 100%;
    }

    .gallery .shopping-bag {
        width: 100%;
        padding-right: 0px;
    }

    .school-bag-image {
        width: 100%;
    }

    .school-bag-detail {
        width: 100%;
    }

    .gallery .gallery-first{
        display: none;
    }

    .gallery .gallery-second{
        display: none;
    }

    .gallery .gallery-slider{
        display: block;
    }

    .gallery .gallery-slider .bag-text {
        padding-top: 20px;
        overflow: hidden;
        font-size: 16px;
        height: 80px;
    }
    
    .travel .travelling-bag {
        width: 100%;
    }
    
    .gallery .travelling-bag-image {
        width: 100%;
    }
    
    .gallery .travelling-bag-detail {
        width: 100%;
        padding: 10px;
    }
    
    .gallery .travelling-bag-detail .readmore-btn{
        padding-top: 10px;
    }
    
    .gallery .luggage-bag {
        width: 100%;
    }
    
    .gallery .luggage-bag img{
        width: 100%;
    }
    
    .luggage-bag-detail {
        padding: 5px;
    }
    
    .gallery .gallery-second {
        width: 100%;
        padding-top: 0px;
    }
    
    .gallery .shopping-bag {
        width: 100%;
        padding-right: 0px;
    }
    
    .gallery .shopping-bag img{
        height: 130px;
    }
    
    .shopping-bag-detail {
        padding: 5px;
    }
    
    .gallery .school-bag {
        width: 100%;
    }
    
    .school-bag-image {
        width: 100%;
    }
    
    .school-bag-detail {
        width: 100%;
        padding: 10px;
    }
    
    .gallery .school-bag-detail .readmore-btn {
        padding-top: 10px;
    }
    /* Gallery page end */

    /* review page */

    .reviews {
        padding: 0px 80px 0px 20px;
        text-align: center;
        height: auto;
    }

    .reviews .reviews-heading h1{
        font-size: 25px;
    }

    .reviews .slider {
        width: 100%;
        padding: 10px 0px;
    }

    .reviewed-person li {
        margin: 10px 0px;
    }

    .reviewed-person li.text {
        font-size: 18px;
        height: 55px;
    }

    .reviewed-person li.name {
        font-size: 18px;
    }
    /* contact page */

    .contact {
        padding: 0px 80px 0px 20px;
        text-align: center;
        height: auto;
    }

    .contact .contact-heading h1 {
        font-size: 30px;
    }

    .contact .contact-detail .contact-address {
        width: 100%;
    }

    .contact-address li.head {
        font-size: 25px;
    }

    .contact .contact-detail ul li {
        margin: 5px 9px 15px 0px;
        display: block;
    }

    .contact .contact-detail .contact-address .social-icon {
        margin-right: 18px;
        display: inline-block;
    }

    .contact .contact-detail .contact-form {
        display: none;
    }

    .slick-next, .slick-prev {
        top: 25% !important;
    }

    .contact .contact-address{
        display: none;
    }

    .contact .contact-form{
        display: none;
    }
    
    .contact .contact-detail .contact-slider {
        display: block;
    }

    .contact .contact-address-extra li h4.head{
        font-size: 30px;
        font-weight: 400;
    }

    .contact .contact-address-extra .social-icon{
        margin-right: 25px;
        padding: 3px 8px;
        padding-top: 7px;
        background: transparent;
        border-radius: 50%;
        display: inline-block;
    }
    
    .contact .contact-address-extra .contact-email a{
        color: #fff;
        text-decoration: none;
    }
    
    .contact .contact-detail .contact-address-extra .social-icon:hover{
        background: #c0d537
    }
    
    .contact .contact-detail .contact-address-extra .social-icon:hover svg{
        fill: #fff;
    }

}

@media only screen and (min-width: 320px) and (max-width: 1200px) { 
    
    .home {
        padding: 20px 80px 0px 20px;
    }
    
    .products {      
        padding: 20px 80px 0px 20px;
    }

    .reviews {
        padding: 20px 80px 0px 20px;
    }

    .contact {
        padding: 20px 80px 0px 20px;
    }
}

@media only screen and (min-width: 800px) and (max-width: 965px) { 
    .products-counter ul.products-box {
        margin: 5px 4px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 500px) { 
    
    body h1{
        font-size: 25px;
    }

    .main-page .footer-text p {
        font-size: 15px;
    }

    .home .home-content .home-paragraph p {
        font-size: 15px;
    }

    .home .home-content .button a {
        font-size: 15px;
    }

    .products-counter ul.products-box li.counter {
        font-size: 20px;
    }

    .products-counter ul.products-box {
        font-size: 15px;
    }

    .contact .contact-heading h1 {
        font-size: 25px;
    }

    .reviews .reviews-heading h1 span {
        font-size: 25px;
    }

    .reviewed-person li.text {
        font-size: 15px;
    }

    .contact-address li h4.head {
        font-size: 20px;
    }

    
}