@media screen and (max-width: 768px) and (min-width: 300px){
    section{
        padding: 20px 0px !important;
    }
    .hidded-web{
        display: block !important;
    }
    .cd-intro h1{
        font-size:42px;
    }
    .modal-confirm {
        
        left: 30%;
    }
    
}
@media screen and (max-width: 640px) and (min-width: 300px){
    section{
        padding: 20px 0px !important;
    }
    .hidden-mobile{
        display: none !important;
    }
    .hidded-web{
        display: block !important;
    }
    .cd-words-wrapper b{
        font-size:35px;
    }
    .cd-intro h1 {
        font-size: 35px;
    }
    .modal-confirm {
        
        left: 23%;
    }
   
}
@media screen and (max-width: 520px) and (min-width: 300px){
    section{
        padding: 20px 0px !important;
    }
    .hidden-mobile{
        display: none !important;
    }
    .hidded-web{
        display: block !important;
    }
    #page-preloader .logo-prelaoder{
        width: 210px !important;
    }
    .cd-words-wrapper b{
        font-size:28px;
    }
    .cd-intro h1 {
        font-size: 28px;
    }
.btn1{
    display:block;
}
.mapp{
    display:none;
}
.pp{
    font-size:19px;
}
.mp img{
    width:100%;
    display: block;
}
.mp b{
    display: block;
}

}
@media screen and (max-width: 480px) and (min-width: 300px){
    section{
        padding: 20px 0px !important;
    }
    .hidded-web{
        display: block !important;
    }
    .hidden-mobile{
        display: none !important;
    }
    .cd-intro h1 {
        font-size: 26px;
    }
    .cd-words-wrapper b{
        font-size:26px;
    }
    .pp {
        font-size: 18px;
    }
    .modal-confirm {
        
        left: 14%;
    }
}
@media screen and (max-width: 360px) and (min-width: 300px){
    section{
        padding: 20px 0px !important;
    }
    .hidded-web{
        display: block !important;
    }
    .hidden-mobile{
        display: none !important;
    }
    .logo{
        width:100%;
    }
    .cd-intro h1 {
        font-size:19px;
    }
    .cd-words-wrapper b{
        font-size:19px;
    }
    .modal-confirm {
        
        left:2%;
    }
.imgg{
    width:100%;
    height:30vh;
}

}
@media screen and (max-width: 320px) and (min-width: 300px){
    section{
        padding: 20px 0px !important;
    }
    .hidded-web{
        display: block !important;
    }
    .hidden-mobile{
        display: none !important;
    }
    .modal-confirm .modal-content{
        padding:46px;
    }
    .modal-confirm {
        
        left:-4%;
    }
    .cd-intro h1 {
        font-size:15px;
    }
    .cd-words-wrapper b{
        font-size:15px;
    }
    .contact-form-gmap wow fadeIn{
        margin: 0px 0px !important
    }

}