@media only screen and (max-width: 1600px){
    
}
@media only screen and (max-width: 1520px){
    
}
@media only screen and (max-width: 1440px){
    
}
@media only screen and (max-width: 1367px){
    
}
@media only screen and (max-width: 1280px){
    
    
}
@media only screen and (max-width: 1200px){
   
}

@media only screen and (max-width: 1024px){
    .pro_blog_main {
    display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px;
    }
}
@media only screen and (max-width: 768px){
    .owl-item{
    width:300px;
}
.pro_product_new {
    display: flex;
    gap: 50px;
    overflow: hidden;
}
.pro_product_div {
    position: relative;
    background: #fbfbfb;
    padding: 15px;
    border-radius: 10px;
    transition: 0.3s easr-in-out;
    height: 100%;
    width: 100%;
}
.pro_product_new {
    display: flex;
    gap: 50px;
    overflow: hidden;
    flex-wrap: wrap;
}
    .pro_header_bottom{
        display:none;
    }
    .pro_header_bottom_main {
        width: 90%;
        margin: 0 auto;
        display: flex;
        gap: 10px;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .pro_home_about_main {
        display: flex;
        justify-content: space-between;
        gap: 50px;
        align-items: center;
        align-content: center;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .pro_care_main {
        display: grid;
        grid-template-columns: 1fr;
        gap: 40px;
    }
    .pro_product_main {
        display: grid;
        grid-template-columns: 1fr;
        gap: 50px;
    }
    .pro_footer_div {
        display: grid;
        justify-content: space-between;
        gap: 20px;
    }
    .pro_footer_main {
        display: grid;
        gap: 20px;
    }
    .pro_home_about_div {
        width: 100%;
    }
    .pro_footer_socail ul {
        list-style: none;
        display: flex;
        gap: 15px;
    }
    .pro_footer {
        padding: 30px 0px;
        background: #404041;
    }
    .contact_div {
        display: grid;
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .contact_form_main {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .blog #content-wrap {
        margin-top: 0;
    }
    .std-ptop {
        padding-top: 30px;
    }
    .contact_head h2 {
        font-size: 30px;
        line-height: 22px;
        font-family: 'Maven Pro', sans-serif;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
        margin: 0 0 20px 0;
        text-align: center;
    }
    .contact {
        padding: 30px 0;
        background: #005251;
    }
    .pro_header_bottom_div h3 p {
        font-size: 13px;
        line-height: 22px;
        font-family: 'Maven Pro', sans-serif;
        color: #404041;
        font-weight: 600;
        margin: 0;
    }
    .pro_header_bottom_div h3 p a{
        font-size: 13px;
        line-height: 22px;
        font-family: 'Maven Pro', sans-serif;
        color: #404041;
        font-weight: 600;
        margin: 0;
    }
    .pro_header_bottom_div svg {
        font-size: 18px;
    }
    .wrapper-inner {
        padding-left: calc(0px + 4vw);
        padding-right: calc(0px + 4vw);
        max-width: 1920px;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }
    .contact_sec img {
        width: 60px !important;
        margin: 0 auto;
    }
    .contact_sec h3 {
        font-size: 20px;
        line-height: 22px;
        font-family: 'Maven Pro', sans-serif;
        color: #fff;
        font-weight: 600;
        margin: 15px 0px 10px;
        text-transform: uppercase;
    }
    .pro_care_div img {
        width: 100px;
        margin: 0 auto;
    }
}
@media only screen and (max-width: 640px){
    .pro_blog_main {
        display: grid;
        grid-template-columns: 1fr ;
        gap: 30px;
    }
    .pro_header_bottom_div h3 {
        font-size: 13px;
    }
    .pro_product_div h3 {
        font-size: 20px;
    }
    .pro_header_logo img{
        width:90px;
    }
    .pro_home_about {
        padding: 30px 0px;
        background: #ededed;
    }
    .pro_care {
        padding: 30px 0px;
        background: #1686c4;
    }
    .pro_product {
        padding: 30px 0px;
        background: #ededed;
    }
    .pro_testi {
        padding: 30px 0px;
    }
    .pro_blog {
        padding: 30px 0px;
        background: #f3f3f3;
    }
    
}