.topnav{background-color:#333;overflow:hidden;}
.topnav a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;}
.topnav a:hover{background-color:#ddd;color:black;}
.topnav .icon{display:none;}
@media screen and (max-width:320px){.topnav.responsive{position:relative;}
.topnav.responsive .icon{position:absolute;right:0;top:0;}
.topnav.responsive a{float:none;display:block;text-align:left;}
.topnav a:not(:first-child){display:none;}
.topnav a.icon{float:right;display:block;}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px){.logo-brand{width:200px;padding:20px 0;}
.page-head .page-title>h1{font-size:16px !important;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px){.logo-brand{width:210px;padding:20px 0;}
.page-head .page-title>h1{font-size:18px !important;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.logo-brand{width:210px;padding:20px 0;}
}
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.logo-brand{width:210px;padding:20px 0;}
}
@media only screen and (min-width:1224px){.logo-brand{width:220px;padding:20px 0;}
}
@media only screen and (min-width:1824px){.logo-brand{width:220px;padding:8px 0px 0;}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:landscape) and (-webkit-min-device-pixel-ratio:2){.logo-brand{width:155px;padding:15px 0 0;}
.page-head .page-title>h1{font-size:18px !important;}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:2){.logo-brand{width:155px;padding:15px 0 0;}
.page-head .page-title>h1{font-size:16px !important;}
}
@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2){.logo-brand{width:160px;padding:15px 0 0;}
.page-head .page-title>h1{font-size:18px !important;}
}
@media only screen and (min-device-width:320px) and (max-device-height:568px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2){.logo-brand{width:160px;padding:15px 0 0;}
.page-head .page-title>h1{font-size:16px !important;}
}
@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2){.logo-brand{width:200px;padding:20px 0;}
.page-head .page-title>h1{font-size:20px !important;}
}
@media only screen and (min-device-width:375px) and (max-device-height:667px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2){.logo-brand{width:200px;padding:20px 0;}
.page-head .page-title>h1{font-size:18px !important;}
}
@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation:landscape) and (-webkit-device-pixel-ratio:2){.logo-brand{width:210px;padding:20px 0;}
}
@media only screen and (min-device-width:414px) and (max-device-height:736px) and (orientation:portrait) and (-webkit-device-pixel-ratio:2){.logo-brand{width:210px;padding:20px 0;}
}