@media(max-width:1399px) {

    main .main-product .product-img {
        width: 500px;
    }

    main .main-product .product-img .main-img {
        width: 400px;
        height: 450px;

    }
}

@media(max-width:1311px){
    main .main-product {
        padding: 10px 50px;
    }
}

@media(max-width:1225px) {
    main .main-product .product-info .product-name {
        font-size: 3.6rem;
    }

    main .main-product .product-info .add-btn {
        gap: 20px;
    }

    main .main-product .product-info .add-btn button:nth-child(1) {
        font-size: 18px;
        align-items: center;
    }

    main .main-product .product-info .add-btn button:nth-child(2) {
        font-size: 18px;
        align-items: center;
    }
}

@media(max-width:1135px) {
    main .main-product {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
    }

    main .main-product .product-img {
        width: 100%;
    }

    main .main-product .product-img .main-img {
        width: 80%;
        height: 700px;
    }

    main .main-product .product-info {
        width: 100%;
    }
}

@media(max-width:1080px) {
    main .main-product .product-img .main-img {
        width: 80%;
        height: 700px;
    }

}

@media(max-width:965px) {

    main .main-product .product-img {
        /* width: 100%; */
        padding: 30px 0px;
        box-shadow: 1px 3px 7px rgb(46, 46, 46);
    }

    main .main-product .product-img .main-img {
        width: 60%;
        height: 600px;
        /* padding: 20px 50px; */
    }

    main .main-product .product-img .arrows {
        /* border: 2px solid darkgreen; */
        background-color: transparent;
        box-shadow: none;
        width: 85%;
        height: auto;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    main .main-product .product-img .arrows button {
        padding: 30px;
    }

    #nextBtn {
        background-color: var(--primary-color);
    }

    #nextBtn i {
        color: var(--accent-color);
    }

    main .main-product {
        gap: 10px;
    }
}

@media(max-width:954px) {
    main .main-product .product-img {
        /* width: 100%; */
        padding: 30px 0px;
        box-shadow: 1px 3px 7px var(--secondary-color);
        height: 700px;
    }

    main .main-product .product-img .main-img .slider #imageSlider li img {
        object-fit: cover;
        height: 100%;
        width: 100%;
        object-position: center;
    }
}

@media(max-width:825px) {

    main .main-product .product-img .main-img {
        width: 80%;
        height: 700px;
        /* padding: 20px 50px; */

    }

    main .main-product .product-img .arrows {
        width: 95%;
    }
}

@media(max-width:800px) {

    main .main-product .product-img {
        /* width: 100%; */
        padding: 30px 0px;
        box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.431);
    }

    main .main-product .product-img .arrows {
        /* border: 2px solid darkgreen; */
        background-color: var(--primary-color);
        box-shadow: 0px 1px 8px black;
        border-radius: 40px;
        width: 250px;
        height: 70px;
        position: absolute;
        left: 50%;
        top: 610px;
        /* top: 50%; */
        transform: translate(-50%, 0%);
    }

    main .main-product .product-img .arrows button {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        /* background-color: rgba(0, 0, 0, 0.7); */
        border-radius: 50px;
        border: none;
        cursor: pointer;
        padding: 20px;
        transition: .3s;
    }

    #nextBtn {
        background-color: var(--secondary-color);
    }

    #nextBtn i {
        color: var(--primary-color);
    }


    main .main-product .product-info {
        padding: 20px 0;
        background-color: transparent;
        box-shadow: 0px 1px 7px transparent;

    }

    main .main-product .product-info .add-btn button:nth-child(1) {
        font-size: 15px;
    }

    main .main-product .product-info .add-btn button:nth-child(2) {
        font-size: 15px;
    }
}

@media(max-width:680px){

    main .main-product .product-img .main-img {
        width: 75%;
        height: 530px;
        /* padding: 20px 50px; */
    }

    main .main-product .product-img .arrows {
        top: 520px;
    }
}

@media(max-width:626px) {
    main .main-product .product-img {
        height: 670px;
    }

    main .main-product .product-img .main-img {
        width: 75%;
        height: 500px;
        /* padding: 20px 50px; */
    }

    main .main-product .product-img .arrows {
        top: 480px;
    }
}

@media(max-width:591px){
    main .main-product .product-img .main-img {
        width: 75%;
        height: 450px;
        /* padding: 20px 50px; */
    }

    main .main-product .product-img .arrows {
        top: 450px;
    }
}

@media(max-width:582px) {

    main .main-product .product-info .about-product {
        /* border: 2px solid green; */
        font-family: light;
        font-size: 2rem;
        font-weight: 800px;
        text-align: justify;
    }

    main .main-product .product-info .size .size-btn li button {
        font-size: 12px;
    }

    main .main-product .product-info .add-btn button:nth-child(1) {
        width: 200px;
        font-size: 13px;
    }

    main .main-product .product-info .add-btn button:nth-child(2) {
        width: 200px;
        font-size: 13px;
    }
}

@media(max-width:551px){
    main .main-product{
        padding: 10px 30px;
    }
}

@media(max-width:535px) {

    main .main-product {
        gap: 00px;
    }

    main .main-product .product-img {
        /* width: 100%; */
        padding: 00px 0px;
        box-shadow: 1px 3px 7px transparent;
        height: 600px;
    }

    main .main-product .product-img .main-img {
        width: 90%;
        height: 500px;
        /* padding: 20px 50px; */
    }

    
    main .main-product .product-img .arrows {
        /* width: 150px;
        height: 50px; */
        top: 450px;
    }

    main .main-product .product-img .option ul li {
        width: 50px;
        height: 50px;
    }

    main .main-product .product-info .size .size-btn li button {
        padding: 10px 20px;
        font-size: 50px;
    }

    main .main-product .product-info .add-btn {
        flex-direction: column;
        align-items: center;
    }

    main .main-product .product-info .add-btn button:nth-child(1) {
        width: 100%;
        font-size: 13px;
    }

    main .main-product .product-info .add-btn button:nth-child(2) {
        width: 100%;
        font-size: 13px;
    }

}

@media(max-width:510px){

    main .main-product .product-img {
        height: 490px;
    }

    main .main-product .product-img .main-img {
        width: 75%;
        height: 350px;
        /* padding: 20px 50px; */
    }

    main .main-product .product-img .arrows {
        width: 150px;
        height: 50px;
        top: 320px;
    }

    main .main-product .product-img .arrows button {
        padding: 10px;
    }
}

@media(max-width:463px) {
    main .main-product .product-img .main-img {
        width: 80%;
        height: 340px;
    }

    main .main-product .product-img {
        height: 360px;
        padding: 0px  25px;
    }

    main .main-product .product-img .arrows {
        width: 150px;
        height: 50px;
        top: 240px;
    }

    main .main-product .product-img .arrows button {
        padding: 10px;
    }

    main .main-product .product-info .product-name {
        font-size: 22px;
    }

    main .main-product .product-info .price h2 {
        font-family: medium;
        font-size: 22px;
    }

    main .main-product .product-info .price .org-price {
        font-size: 17px;
    }

    main .main-product .product-info .price .dis-price {
        font-size: 19px;
    }

    main .main-product .product-info .about-product p {

        font-size: 15px;
    }

    .size .SizeSelector h2 {
        font-size: 20px;
    }

    main .main-product .product-info .size .size-btn {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;

    }

    main .main-product .product-info .size .size-btn li button {
        padding: 7px 10px;
        font-size: 14px;
    }

    main .main-product .product-info .color h2 {
        font-size: 20px;
    }

    .Sizes label span {
        font-size: 12px;
      }
}

@media(max-width:426px){
    main .main-product{
        padding: 10px 10px;
    }
}

@media(max-width:399px) {
    main .main-product .product-img .option ul li {
        width: 40px;
        height: 40px;
    }

    main .main-product .product-info .add-btn button:nth-child(1) {
        font-size: 12px;
    }

    main .main-product .product-info .add-btn button:nth-child(2) {
        font-size: 12px;
    }


    main .main-product .product-info .product-name {
        font-size: 17px;
    }

    main .main-product .product-info .price h2 {
        font-family: medium;
        font-size: 17px;
    }

    main .main-product .product-info .price .org-price {
        font-size: 15px;
    }

    main .main-product .product-info .price .dis-price {
        font-size: 16px;
    }

    main .main-product .product-info .about-product p {

        font-size: 15px;
        /* color:rgb(0, 113, 128); */
    }

    .size .SizeSelector h2 {
        font-size: 17px;
    }

    main .main-product .product-info .color h2 {
        font-size: 17px;
    }
}

@media(max-width:370px) {

    main .main-product .product-img {
        /* width: 100%; */
        padding: 00px 40px;
        box-shadow: 1px 3px 7px transparent;
        height: 350px;
    }

    main .main-product .product-img .main-img {
        width: 95%;
        height: 240px;
    }

    main .main-product .product-img .arrows {
        top: 200px;
    }

    main .main-product .product-info{
        padding: 0 0;
    }

}

@media(max-width:338px){
    main .main-product .product-info .add-btn button:nth-child(1) {
        font-size: 11px;
    }

    main .main-product .product-info .add-btn button:nth-child(2) {
        font-size: 11px;
    }
}


/* 1st = Banner -- 500-550px tak shi lag rha hai
    only image in under 500px
    refrence like snitch

    2nd = color of card

    3rd = static banner shi hai ya nhi...

    4th = image slider with categories... men and women...

    5th = banner 

    6th = faq...

    footer = shi h ya nhi...


*/