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

@media only screen and (max-width: 1300px) {}

@media only screen and (max-width: 1200px) {
    .main-header {
        & .container {
            & .infocpmy {

                h1 {
                    height: auto !important;
                    display: flex;
                    flex-wrap: wrap;
                    font-size: 18px;
                }

                .text-secondary {
                    height: auto !important;
                    display: flex;
                    flex-wrap: wrap;
                }
            }
        }
    }
}

@media only screen and (max-width: 1100px) {
    .main-header {
        & .container {
            & .infocpmy {
                h1 {
                    font-size: 16px;
                }
            }
        }
    }
}

@media only screen and (max-width:992px) {
    .main-header {
        & .container {
            height: auto !important;

            & .infocpmy {
                h1 {
                    font-size: 12px;
                    gap: 10px;
                    line-height: 28px;
                }

                .size167 {
                    font-size: 15px !important;
                }

                & .trusted-label {
                    img {
                        height: 23px;
                        width: 55px;
                    }
                }

                .text-secondary {
                    font-size: 11px !important;
                    line-height: 18px !important;
                }

            }
        }
    }

    .cmpy-detls {
        & .container {
            .card {
                width: 100%;
                height: auto;
                border: none;
            }

            h2 {
                font-size: 30px;
            }
        }
    }

    .product-section {
        h2 {
            font-size: 30px;
        }
    }

    .nav-links {
        overflow-x: auto !important;
    }
}

@media only screen and (max-width:768px) {
    .main-header {
        & .container {
            & .infocpmy {
                /* width: 100%; */
            }

            .size167 {
                font-size: 19px !important;
            }
        }

        .btnset {
            display: block;
        }
    }

    .review-card {
        p {
            height: auto !important;
        }
    }
}

@media only screen and (max-width:576px) {
    .main-header {
        & .container {
            & .infocpmy {
                h1 {
                    font-size: 13px;

                    .size167 {
                        font-size: 19px !important;
                    }
                }

                .text-secondary {
                    font-size: 10px !important;
                    line-height: 18px !important;
                }
                & .trusted-label {
                    img {
                        height: 28px;
                        width:71px;
                    }
                }

            }
            
        }
        .rating {
            font-size: 14px;
        }
        .btnset {
            display: flex !important;
            flex-direction: row !important;
            justify-content: center !important;
            flex-wrap: wrap;
            align-content: flex-end;
            gap: 10px;
        }
        & .btnset {
            .enquiry {
                width: 180px;
                font-size: 12px;
            }

            .contact {
                width: 180px;
                font-size: 12px;
            }
        }
    }
    .ratings-section {
        padding:0px;
    }
}

@media only screen and (max-width:400px) {
   
    .main-header {
        .show-c-main-logo{
            display: flex;
            flex-wrap: wrap;
        }
        .show-c-logo {
            width: 100px !important;
            height: 100px !important;
        }
        & .container {
            & .infocpmy {
                h1 {
                    font-size: 14px;
                }

            }
        }
        & .btnset {
            .enquiry {
                width: 144px;
                font-size: 12px;
            }

            .contact {
                width: 144px;
                font-size: 12px;
            }
        }
    }
   
}