| Server IP : 208.122.213.31 / Your IP : 216.73.216.45 Web Server : Apache System : Linux msd6191.mjhst.com 4.18.0-553.137.1.el8_10.x86_64 #1 SMP Wed Jun 24 11:40:24 UTC 2026 x86_64 User : WHMCS_MIA_382 ( 1001) PHP Version : 7.4.33 Disable Function : NONE MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/httpd/html/stylerotica.com/public_html/FHG/ |
Upload File : |
@charset "utf-8";
.chromeframe { margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0; }
/*For desktops*/
@media only screen and (min-width:1600px){
.page_body, .header, .footer { width:1600px; }
.content_wrapper { max-width:1580px;
width: auto; }
.header_image { width:100%;
height:auto; }
}
/* Tablet Portrait size to standard 960 */
@media only screen and (max-width: 959px) {
.page_body, .header, .footer { width:768px; }
.imageframe {text-align:center;
border: 1px solid #1d9ac9;
width:auto;}
.content_wrapper { max-width:768px;
width: auto;}
.header_image { max-width:100%;
height:auto; }
.grid-container { display: grid;
grid-template-columns: auto auto auto auto; /*4 colums resize*/
grid-gap: 20px;
padding: 40px;
justify-content: center;}
.grid-container > div {text-align: center;
padding: 20px 0;
font-size: 10px;}
.item1 { grid-column: 1 / span 2; }
.item2 { grid-column: 3 / span 2;}
.item3 { grid-area: 2 / 1 / span 1 / span 2;}
.item5 { grid-area: 2 / 3 / span 1 / span 2;}
.item4 { grid-area: 3 / 1 / span 1 / span 4;}
.item6 { grid-area: 4 / 1 / span 1 / span 2;}
.item7 { grid-area: 4 / 3 / span 1 / span 2; }
.item8 { grid-area: 5/ 1 / span 1 / span 2;}
.item9 { grid-area: 5/ 3 / span 1 / span 2;
display: flex;
align-items: center;
justify-content: center;}
.item10 { grid-area: 6/ 1/ span 1 / span 4;
text-align:center;
padding-top: 0px;} /*Advert*/
.item11 { grid-area: 7/ 1/ span 1 / span 2; }
.item12 { grid-area: 7/ 3/ span 1 / span 2; }
.item13 { grid-area: 8/ 1/ span 1 / span 4; }
}
/* Mobile Landscape */
@media screen and (max-width: 767px) {
.page_body, .header, .footer { width:auto; max-width: 767px; }
.imageframe {text-align:center;
border: 1px solid #1d9ac9;
width: auto;}
.header_image { max-width:100%;
height:auto; }
.content_wrapper { max-width:418px;
width: auto;}
}
/* Mobile Portrait */
@media only screen and (max-width: 479px) {
.content_wrapper { width:298px; }
.page_body { width:300px; /*overflow:hidden;*/ }
.imageframe {text-align:center;
border: 1px solid #1d9ac9;
width: 75%;}
.header, .footer, { width:280px; }
.content_wrapper { width:280px; }
.grid-container { display: grid;
grid-template-columns: auto auto; /*2 colums resize*/
grid-gap: 20px;
padding: 40px;
justify-content: center;}
.grid-container > div {text-align: center;
padding: 20px 0;
font-size: 10px;}
.item1 { grid-column: 1 / span 2; }
.item2 { grid-area: 2 / 1 / span 1 / span 2;}
.item3 { grid-area: 3 / 1 / span 1 / span 2;}
.item4 { visibility: visible;
grid-area: 4/ 1/ span 1 / span 2;
text-align:center;
padding-top: 0px;} /*Advert*/
.item5 { grid-area: 5 / 1 / span 1 / span 2;}
.item6 { grid-area: 6 / 1 / span 1 / span 2;}
.item7 { grid-area: 7 / 1 / span 1 / span 2; }
.item8 { grid-area: 8/ 1 / span 1 / span 2;} /*FEATURE ROW*/
.item9 { grid-area: 9/ 1 / span 1 / span 2;
display: flex;
align-items: center;
justify-content: center;}
.item10 { grid-area: 10/ 1/ span 1 / span 2;
text-align:center;
padding-top: 0px;} /*Advert*/
.item11 { grid-area: 11/ 1/ span 1 / span 2; }
.item12 { grid-area: 12/ 1/ span 1 / span 2; }
.item13 { grid-area: 13/ 1/ span 1 / span 2; }
}
}