@media only screen and (max-width:1024px){}
@media only screen and (max-width:800px){
.container{width:98%;}
.brifdtl ul li{color:#000000;font-weight:normal;}
}
@media only screen and (max-width:768px){
.container{width:98%;}

}
@media only screen and (max-width:600px){
.container{width:98%;}
}
@media only screen and (max-width:568px){
body{font-size:16px !important;}
.container{width:98%;}
.brifdtl {padding:0;}
.brifdtl ul{margin-left:0; }
.brifdtl ul li{color:#000000; text-align:center; font-size:16px;}
.brifdtl{margin-left:0;}
nav ul li a{font-size:16px;}
.top-dots{float:center; width:100%; text-align:center;margin:0px;}
.logo{float:left; width:100%; text-align:center; margin:0 0 0px 0; font-size:22px;}
nav{float:none; margin-bottom:11px; margin-right:0;}
nav ul{float:none; text-align:center; width:100%;}
nav ul li{ display:inline-block; float: none;}
nav ul li a{float:none;}
.bottom-lnks{margin:0px; float:none;}
.bottom-lnks ul{float:none; text-align:center; width:100%;}
.bottom-lnks ul li{ display:inline-block; float: none;}
.bottom-lnks ul li a{float:none; font-size:16px;}
.cpy{ width:100%; text-align:center; margin-left:0; margin-bottom:10px; font-size:14px;}  
footer{margin:10px 0px 0px 0px; float:center; text-align:center;}

}
@media only screen and (max-width:480px){
.container{width:98%;}
}
@media only screen and (max-width:320px){
.container{width:98%;}
.top-dots{float:center; width:100%; text-align:center;margin:0px;}
.logo{float:left; width:100%; text-align:center; margin:0 0 0px 0;}
nav{float:none; margin-bottom:10px; margin-right:0;}
nav ul{float:none; text-align:center; width:100%;}
nav ul li{ display:inline-block; float: none;}
nav ul li a{float:none;}
.bottom-lnks{margin:0px; float:none;}
.bottom-lnks ul{float:none; text-align:center; width:100%;}
.bottom-lnks ul li{ display:inline-block; float: none;}
.bottom-lnks ul li a{float:none;}
.cpy{ width:100%; text-align:center; margin-left:0; margin-bottom:10px;} 

}
@media only screen and (max-device-width:720px) and (orientation:portrait){

}