@media only screen{
.col-xs-1{width:8.333333%}
.col-xs-2{width:16.666666%}
.col-xs-3{width:25%}
.col-xs-4{width:33.333333%}
.col-xs-5{width:41.666666%}
.col-xs-6{width:50%}
.col-xs-7{width:58.333333%}
.col-xs-8{width:66.666666%}
.col-xs-9{width:75%}
.col-xs-10{width:83.333333%}
.col-xs-11{width:91.666666%}
.col-xs-12{width:100%}   
    
.mobile{display:block;}
    header nav{max-height:0;overflow:hidden}
    header nav ul li{display:block;}
    .dropdown ul{position:relative;}
    .dropdownicon:after{position: absolute;right: 0;top: 3px;}
    
.table-responsiv table{width:200%}
}
@media only screen and (min-width:576px){
.col-s-1{width:8.333333%}
.col-s-2{width:16.666666%}
.col-s-3{width:25%}
.col-s-4{width:33.333333%}
.col-s-5{width:41.666666%}
.col-s-6{width:50%}
.col-s-7{width:58.333333%}
.col-s-8{width:66.666666%}
.col-s-9{width:75%}
.col-s-10{width:83.333333%}
.col-s-11{width:91.666666%}
.col-s-12{width:100%}  

}
@media only screen and (min-width:768px){
.container{max-width:750px}
    
.col-m-1{width:8.333333%}
.col-m-2{width:16.666666%}
.col-m-3{width:25%}
.col-m-4{width:33.333333%}
.col-m-5{width:41.666666%}
.col-m-6{width:50%}
.col-m-7{width:58.333333%}
.col-m-8{width:66.666666%}
.col-m-9{width:75%}
.col-m-10{width:83.333333%}
.col-m-11{width:91.666666%}
.col-m-12{width:100%}  
    
.mobile{display:none;}

header nav{max-height:inherit;overflow:visible}
header nav ul li{display:inline-block;}
    
.table-responsiv table{width:100%;}
.dropdown ul{max-height:0;position:absolute;top: 32px;overflow:hidden;width:200px;border-radius: 10px;}
.dropdown ul li{display:block;}

.drop-open .dropdownicon:after{content:'\f106';}
.drop-open ul{max-height:inherit;border: 1px solid #d2d2d2;}
    
    .line{height:40px;}
	.table h1{font-size:37px}
}
@media only screen and (min-width:992px){
.container{max-width:970px}
    
.col-l-1{width:8.333333%}
.col-l-2{width:16.666666%}
.col-l-3{width:25%}
.col-l-4{width:33.333333%}
.col-l-5{width:41.666666%}
.col-l-6{width:50%}
.col-l-7{width:58.333333%}
.col-l-8{width:66.666666%}
.col-l-9{width:75%}
.col-l-10{width:83.333333%}
.col-l-11{width:91.666666%}
.col-l-12{width:100%} 
}
@media only screen and (min-width:1200px){
.container{max-width: 50vw;padding: 15vh 0 0;}
    
.col-xl-1{width:8.333333%}
.col-xl-2{width:16.666666%}
.col-xl-3{width:25%}
.col-xl-4{width:33.333333%}
.col-xl-5{width:41.666666%}
.col-xl-6{width:50%}
.col-xl-7{width:58.333333%}
.col-xl-8{width:66.666666%}
.col-xl-9{width:75%}
.col-xl-10{width:83.333333%}
.col-xl-11{width:91.666666%}
.col-xl-12{width:100%} 
}