@media only screen and (max-width: 1400px){
    
    .cww-ssf-outer-wrapp.btn-position-left.attached .cww-sff-inner{
        bottom: 2px;
    }
    .cww-ssf-outer-wrapp .cww-sff-wrapp textarea {
        height: 100px;
    }
    .cww-ssf-outer-wrapp .cww-sff-wrapp {
        padding: 10px 40px;
    }
    .cww-ssf-outer-wrapp input[type=color],
    .cww-ssf-outer-wrapp input[type=date],
    .cww-ssf-outer-wrapp input[type=datetime-local],
    .cww-ssf-outer-wrapp input[type=datetime], 
    .cww-ssf-outer-wrapp input[type=email],
    .cww-ssf-outer-wrapp input[type=month],
    .cww-ssf-outer-wrapp input[type=number],
    .cww-ssf-outer-wrapp input[type=password],
    .cww-ssf-outer-wrapp input[type=range],
    .cww-ssf-outer-wrapp input[type=search],
    .cww-ssf-outer-wrapp input[type=tel],
    .cww-ssf-outer-wrapp input[type=text],
    .cww-ssf-outer-wrapp input[type=time], 
    .cww-ssf-outer-wrapp input[type=url], 
    .cww-ssf-outer-wrapp input[type=week]{
        height: 40px;
    }
}
@media only screen and (max-width: 768px){
    .cww-ssf-outer-wrapp .cww-sff-inner .cww-sff-wrapp{
        width: 522px ;
    }
}
@media only screen and (max-width: 430px){
    .cww-ssf-outer-wrapp .cww-sff-inner .cww-sff-wrapp {
        width: 380px;
    }

    .cww-ssf-outer-wrapp.attached .cww-sff-inner .cww-sff-wrapp {
        width: 315px;
    }

}
@media only screen and (max-width: 425px){
    .cww-ssf-outer-wrapp .cww-sff-inner .cww-sff-wrapp{
        width: 386px;
    }
}

@media only screen and (max-width: 375px){
    .cww-ssf-outer-wrapp .cww-sff-inner .cww-sff-wrapp{
        width: 366px;
    }
}

@media only screen and (max-width: 320px){
    .cww-ssf-outer-wrapp .cww-sff-inner .cww-sff-wrapp{
        width: 318px;
    }
}

@media only screen and (max-width: 932px){
    .cww-ssf-outer-wrapp .cww-sff-wrapp {
        height: 330px;
        overflow: scroll;
    }
}

@media only screen and (max-width: 815px){
    .cww-ssf-outer-wrapp .cww-sff-wrapp {
        height: 550px;
        overflow: scroll;
    }
}