<style>
* {box-sizing: border-box;}

@media (max-width: 1050px) {

body {background: none; background-color: #15469c;}
.pchide {display:block}
.mediahide {display:none}

.topribbon{position:relative; float:left; width: 100%; height:45px; margin:-10px 0 0 0; background: none; background-color: #000; top left;}
.topribbon p{position:absolute; z-index:1; width:200px; left:50%; margin:0 0 0 -100px; padding:0; text-align:center; line-height:45px; font-size: 16px; font-weight: 900; color:#5467ea;}

.mediabtn{position:absolute; left:7%; width:150px; height: 48px;}

.header {margin:0 0 20px 0}

.pagecont {width: 90%; padding:0 10px}
h1.mainhead {margin:10px 0 12px 0; text-align:center; font-size: 24px;}
.lcol {width: 100%; margin:0;}
.lcol p {width: 100%; margin:0 0 10px 0; padding:0; font-size: 16px;}
.lcol ul {margin:20px auto;}
.lcol li {float:none; max-width:85%; padding-left: 40px; font-size: 16px;}
img.leftimg {float:left; margin:10px 20px 10px 0;}
img.lccentimg {max-width:100%; height:auto;}

.bordhome{width:90%;}
.bordprice{width:100%; border:solid #aaa 0px; margin: 20px 0 20px; padding:10px 0;}
.bordhome h2.bodyhead, .bordprice h2.bodyhead{font-size: 14px;}
table.home{width:100%; margin:5px 0 0 0; }
table.home td.info{ height:30px; padding:0 0 5px 0; font-size: 12px;}

table.price{width:100%;  margin:10px auto 0; border-spacing:0;}
table.price td.title, table.price td.info1, table.price td.info2 { height:30px; padding:2px; border-spacing:0; font-size: 10.5px;}

.holder /*the outside holder*/  {float:left; width:100%; text-align: center;}
.floating-box {display: inline-block; width: 250px; height: 444px; margin: 10px;}

.testes p{width:100%; margin:5px 0 10px 5px; font-size: 12px; line-height: 16px; font-weight: 300; color:#fff; text-align:justify;}

.rcol {float:left; width: 100%;}

#mybtn {display:block; position: fixed; bottom: 10px; right: 15px; z-index: 99; }
#mybtn a{width:47px; height:45px;}
/**to show text instead of image #mybtn a{font-size: 18px; border: none; outline: none;  background-color: #666; color: #fff;cursor: pointer; padding: 10px; border-radius: 4px;}
#mybtn a:hover{background-color: #000; color:#fff}**/

.backtotop {float:left; width:100%; height:65px; margin:0 auto; }
.backtotop img{margin:0 auto;}

.footer {width:100%}
.ftralign{margin:10px auto 0;}
.footer p{ margin:0; padding:0;  line-height:25px; }
}

@media (max-width: 602px) {
.rcolad {float:none; margin: 0 auto 20px}
.bord{ width:95%; margin:20px 0;}
.testcont{width:80%;}
}

@media (max-width: 480px) {
.pagecont {width: 90%; padding:0 10px}
.lcol ul {margin:10px 0;}
.lcol li {width:90%;}
}

/*******************media screens 602*********************/

@media (max-width: 602px) {
.rcolad {float:none; margin: 0 auto 20px}
}

/*******************media screens 480*********************/

@media (max-width: 480px) {

.pagecont {width: 90%; padding:0 10px}

}

</style>