*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.container-fluid{
    width: 100%;
}

.container{
    max-width: 1200px;
    margin:  0 auto;
    padding: 0 5px;
}

[class ^= "col-"]{
    float : right;
    padding:10px;
}

.row::after{
    content: "";
    clear: both;
    display: table;
}

.responsive {
    width: 100%;
    height: auto;
}

@media screen and (max-width : 576px){
    .col-xs-1{ width : 8.33%;}
    .col-xs-2{ width : 16.66%;}
    .col-xs-3{ width : 25%;}
    .col-xs-4{ width : 33.33%;}
    .col-xs-5{ width : 41.66%;}
    .col-xs-6{ width : 50%;}
    .col-xs-7{ width : 58.33%;}
    .col-xs-8{ width : 66.66%;}
    .col-xs-9{ width : 75%;}
    .col-xs-10{ width : 83.33%;}
    .col-xs-11{ width : 91.66%;}
    .col-xs-12{ width : 100%;}
    .h1f{font-size: 32px; line-height: 1.25;}
    .h2f{font-size: 26px; line-height: 1.15384615;}
    .pf{font-size: 14pt;}
    .pff{font-size: 8pt;}
    .locs{width: 150px; height: 150px;}
    .icon-size{
        font-size: 50px;
    }
}

@media screen and (min-width : 576px){
    .col-sm-1{ width : 8.33%; }
    .col-sm-2{ width : 16.66%;}
    .col-sm-3{ width : 25%;}
    .col-sm-4{ width : 33.33%;}
    .col-sm-5{ width : 41.66%;}
    .col-sm-6{ width : 50%;}
    .col-sm-7{ width : 58.33%;}
    .col-sm-8{ width : 66.66%;}
    .col-sm-9{ width : 75%;}
    .col-sm-10{ width : 83.33%;}
    .col-sm-11{ width : 91.66%;}
    .col-sm-12{ width : 100%;}
    .h1f{font-size: 32px; line-height: 1.25;}
    .h2f{font-size: 26px; line-height: 1.15384615;}
    .pf{font-size: 16pt;}
    .pff{font-size: 12pt;}
    .locs{width: 250px; height: 190px;}
    .icon-size{
        font-size: 50px;
    }
    
}

@media screen and (min-width : 768px){
    .col-md-1{ width : 8.33%;}
    .col-md-2{ width : 16.66%;}
    .col-md-3{ width : 25%;}
    .col-md-4{ width : 33.33%;}
    .col-md-5{ width : 41.66%;}
    .col-md-6{ width : 50%;}
    .col-md-7{ width : 58.33%;}
    .col-md-8{ width : 66.66%;}
    .col-md-9{ width : 75%;}
    .col-md-10{ width : 83.33%;}
    .col-md-11{ width : 91.66%;}
    .col-md-12{ width : 100%;}
    .h1f{font-size: 40px; line-height: 1.125;}
    .h2f{font-size: 32px; line-height: 1.25;}
    .pf{font-size: 16pt;}
    .pff{font-size: 13pt;}
    .locs{width: 380px; height: 220px;}
    .icon-size{
        font-size: 60px;
    }
    
}
    
@media screen and (min-width : 992px){
    .col-lg-1{ width : 8.33%;}
    .col-lg-2{ width : 16.66%;}
    .col-lg-3{ width : 25%;}
    .col-lg-4{ width : 33.33%;}
    .col-lg-5{ width : 41.66%;}
    .col-lg-6{ width : 50%;}
    .col-lg-7{ width : 58.33%;}
    .col-lg-8{ width : 66.66%;}
    .col-lg-9{ width : 75%;}
    .col-lg-10{ width : 83.33%;}
    .col-lg-11{ width : 91.66%;}
    .col-lg-12{ width : 100%;}
    .h1f{font-size: 48px; line-height: 1.05;}
    .h2f{font-size: 36px; line-height: 1.25;}
    .pf{font-size: 18pt;}
    .pff{font-size: 15pt;}
    .locs{width: 500px; height: 280px;}
    .icon-size{
        font-size: 70px;
    }
    


}

@media screen and (min-width : 1200px){
    .col-xl-1{ width : 8.33%;}
    .col-xl-2{ width : 16.66%;}
    .col-xl-3{ width : 25%;}
    .col-xl-4{ width : 33.33%;}
    .col-xl-5{ width : 41.66%;}
    .col-xl-6{ width : 50%;}
    .col-xl-7{ width : 58.33%;}
    .col-xl-8{ width : 66.66%;}
    .col-xl-9{ width : 75%;}
    .col-xl-10{ width : 83.33%;}
    .col-xl-11{ width : 91.66%;}
    .col-xl-12{ width : 100%;}
    .h1f{font-size: 48px; line-height: 1.05;}
    .h2f{font-size: 36px; line-height: 1.25;}
    .pf{font-size: 20pt;}
    .pff{font-size: 16pt;}
    .locs{width: 600px; height: 280px;}
    .icon-size{
        font-size: 70px;
    }
}

@media screen and (max-width : 385px){
    .col-xs-1{ width : 8.33%;}
    .col-xs-2{ width : 16.66%;}
    .col-xs-3{ width : 25%;}
    .col-xs-4{ width : 33.33%;}
    .col-xs-5{ width : 41.66%;}
    .col-xs-6{ width : 50%;}
    .col-xs-7{ width : 58.33%;}
    .col-xs-8{ width : 66.66%;}
    .col-xs-9{ width : 75%;}
    .col-xs-10{ width : 83.33%;}
    .col-xs-11{ width : 91.66%;}
    .col-xs-12{ width : 100%;}
    .h1f{font-size: 32px; line-height: 1.25;}
    .h2f{font-size: 26px; line-height: 1.15384615;}
    .pf{font-size: 14pt;}
    .pff{font-size: 6pt;}
    .locs{width: 80px; height: 90px;}
    .icon-size{
        font-size: 30px;
    }
   
}