/*
Theme Name: Rank Theme
Author: rank
*/
body{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:400;line-height:24px;color:#000;}
*{margin:0px;padding:0px;}
.clr{clear:both;}
a{text-decoration:none;color:#000;transition:all 0.5s ease;}
a:focus, a:hover{}
:focus-visible{outline:none;}
a img{border:none;outline:none;}
h1{color:#162637;font-size:50px;font-weight:800;}
h2{color:#162637;font-weight:bold;font-size:50px;line-height:50px;}
h2 span{color:#c00000;}
h3{color:#162637;font-size:26px;font-weight: bold;}
h4{color:#162637;font-size:18px;line-height:28px;font-weight:600;}
h5{color:#162637;}
p{font-size:16px;}
p a{color:#c00000;}
p a:hover{color:#696565;}
img{max-width:100%;}
.left{float:left;}
.right{float:right;}
.wraper{width:85%;margin:0px auto;}
.logo{width:15%;margin-top:1.5%;}
.right_side{width:80%;padding:2.6% 0;}
.nav{}





/*Responsive*/

@media only screen and (max-width: 1370px) and (min-width:1365px){
.wraper{width:95%;}

}
@media only screen and (max-width: 1280px) and (min-width: 1068px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 1067px) and (min-width: 963px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 962px) and (min-width: 801px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 800px) and (min-width: 668px){
.wraper{width:95%;}

}
@media only screen and (max-width: 667px) and (min-width:601px){
.wraper{width:95%;}

}
@media only screen and (max-width:600px) and (min-width:481px){
.wraper{width:95%;}

}
@media only screen and (max-width: 480px) and (min-width: 376px){ 
.wraper{width:95%;}

}
@media only screen and (max-width: 375px) and (min-width: 0px){
.wraper{width:95%;}

}