body{padding:0px;margin:0px;font-family:'Roboto', sans-serif;font-weight:400;line-height:24px;font-size:16px;}
.container{margin:auto;height:auto;width:1423px;}
.wapper{width:1287px;margin:auto;height:auto;}
.header{width:100%;float:left;height:auto;}
.leftbox{width:60%;float:left;height:auto;}
.righttbox{width:40%;float:left;height:auto;color:#FFFFFF;font-size:15px;text-align:justify;margin-left:15px;}
.righttbox h2{margin:0 auto;font-family:'Righteous', cursive;font-weight:400;font-size:25px;color:#FFFFFF;text-transform:uppercase;}
.righttbox h5{font-size:14px;color:#ffe699;text-transform:uppercase;margin:0 auto;}
{width:45%;float:left;height:auto;color:#FFFFFF;font-size:20px;}
@media only screen and (min-width:320px) and (max-width:360px){.container{width:100%;}.wapper{width:94%;padding-left:3%;padding-right:3%;}.header{height:286px;margin-top:88px;}.leftbox{width:100%;}.leftbox img{width:100%;height:auto;}
.righttbox{width:100%;height:auto;}
}
@media only screen and (min-width:360px) and (max-width:414px){.container{width:100%;}.wapper{width:94%;padding-left:3%;padding-right:3%;}.header{height:286px;margin-top:88px;}.leftbox{width:100%;}.leftbox img{width:100%;height:auto;}
.righttbox{width:100%;height:auto;}
}
@media only screen and (min-width:420px) and (max-width:480px){.container{width:100%;}.wapper{width:94%;padding-left:3%;padding-right:3%;}.header{height:286px;margin-top:88px;}.leftbox{width:100%;}.leftbox img{width:100%;height:auto;}
.righttbox{width:100%;height:auto;}
}
@media only screen and (min-width:520px) and (max-width:640px){.container{width:100%;}.wapper{width:94%;padding-left:3%;padding-right:3%;}.header{height:329px;margin-top:44px;}.leftbox{width:100%;}.leftbox img{width:100%;height:auto;}
.righttbox{width:100%;height:auto;}
}
@media (min-width:665px) and (max-width:768px){.container{width:100%;}.wapper{width:94%;padding-left:3%;padding-right:3%;}.header{height:255px;margin-top:13px;}.leftbox{width:100%;}.leftbox img{width:100%;height:auto;}
.righttbox{width:100%;height:auto;}
}
@media only screen and (min-width:1020px) and (max-width:1180px){.container{width:100%;}.wapper{width:94%;padding-left:3%;padding-right:3%;}.header{height:330px;margin-top:0px;}.leftbox{width:44%;margin-right:3%;}.leftbox img{width:100%;height:auto;}
.righttbox{width:53%;height:auto;}
}
@media only screen and (min-width:1200px) and (max-width:1280px){.leftbox{padding-left:2%;width:58%;}
.container{width:100%;}
.wapper{width:99%;}
}
@media only screen and (min-width:1300px) and (max-width:1366px){.leftbox{padding-left:2%;width:58%;}
.container{width:100%;}
.wapper{width:99%;}
}
@media only screen and (min-width:800px) and (max-width:996px){.container{width:100%;}.wapper{width:94%;padding-left:3%;padding-right:3%;}.header{height:300px;margin-top:0px;}.leftbox{width:100%;}.leftbox img{width:100%;height:auto;}
.righttbox{width:100%;height:auto;}
}