/* ************* Media Queries Tablets ****************** */

@media only screen and (max-width: 1800px) {

}

@media only screen and (max-width: 1680px) {

}

@media only screen and (max-width: 1440px) {

}

@media only screen and (max-width: 1366px) {

}

@media only screen and (max-width: 1280px) {

}

@media only screen and (max-width: 1200px) {

}

@media only screen and (max-width: 1169px) {

}

@media only screen and (max-width: 1023px) {

}

@media only screen and (min-width: 1000px) {#nav{display:block !important;}}

@media only screen and (max-width: 999px) {
.wrap-inner{padding:0 15px;}

#header, .home #header{position:relative;}
body.fixed #header{position:relative;}

.headerright{padding-top: 45px;}
.sitelink > li > a{font-size:24px;}

/*Navigation*/
.menu-icon{display:block;}
#nav{display:none; background-color: #5B4763; width: 280px; padding:10px 0; position: absolute; right:0; top: 51px;}
#nav > li{width:100%; margin:0;}
#nav > li > a{display:block; padding:10px 30px 10px 15px; line-height:20px; color:#fff;}
#nav > li:hover > a{color:#028ECB;}
#nav > li > a::after, #nav > li > a::before{display:none;}
#nav li:hover > ul { display: none;}
#nav ul{ display: none; position: relative; width: 100%;}
#nav ul li a{display:block; padding:10px 30px 10px 15px; line-height:20px; color:#fff;}
.arrowclick{display:block;}
	
.themethumb{margin-bottom:20px;}
.figcaption h3{font-size:20px;}

}

@media only screen and (max-width: 959px) {

.headsitelink {margin-left: 15px;}
.themelist .item{width:50%;}

.footcall{padding-left:40px;}

}

@media only screen and (max-width: 800px) {

/*Responsive Table*/
.responsiveTable, .responsiveTable tr, .responsiveTable td, .responsiveTable td:before { display:block; text-align:left; border:none;	/* Converts a table, table row, table column and table column:before into a block element */ }
.responsiveTable, .responsiveTable tr, .responsiveTable td:last-child { border-bottom:none; }
.responsiveTable thead, .responsiveTable tr th { position:absolute;	/* Hides table head but not using display none */ top:-1000em; left:-1000em; }
.responsiveTable tr { border:1px solid #eeeeee; border-bottom:2px solid #eeeeee;  margin:0 0 20px; }
.responsiveTable tr td:nth-child(1) { /* first column of the row */ border-left:none;}
.responsiveTable tr td:last-child { /* last column of the row */ border-right:none; }
.responsiveTable tr:last-child .td, .responsiveTable td { /* Column in the last row and column */ border-bottom:1px solid #eeeeee; }
.responsiveTable td:before { /* prints the value of data-label attribute before the column data */ font-weight:bold; padding-right:20px; line-height:27px; color:#174471; content:" "attr(data-label)"";	/* call the attribute value of data-label and adds a string // */ }
.responsiveTable tbody {display:block;}
.responsiveTable tr td {padding:5px 15px; width:auto !important;}

}

@media only screen and (max-width: 768px) {
.r-tabs .r-tabs-nav {display: none;}
.r-tabs .r-tabs-accordion-title {display: block;}

}

@media only screen and (max-width: 767px) {

.header-inner{padding: 10px 0;}
#logo{float: none; width:143px; margin: 0 auto;}
.headerright{float:none; margin-left:0; padding-left:0; padding-top: 15px; text-align: center;}
.sitelink{float:none; display: inline-block; vertical-align: top; padding-bottom: 15px;}
.headinfo{float:none;}
.headcall, .headsitelink{margin: 0 8px;}

.footermain{padding: 15px 0; text-align: center;}
.footlogo{float:none; margin: 0 auto;}
.footcall{float:none; padding: 15px 0;}
.copyright{float:none;}
	
}

@media only screen and (max-width: 639px) {

}

@media only screen and (max-width: 567px) {

.themelist .item{width:100%; padding: 0;}
.themebox{max-width: 360px; margin: 0 auto;}

	
}

@media only screen and (max-width: 479px) {

}

@media only screen and (max-width: 414px) {

}

@media only screen and (max-width: 359px) {

}

/*** Styles added to fix the issue with zoom in on iphone ***/
/* iPhone < 5: */
@media screen and (device-aspect-ratio: 2/3) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}
 
/* iPhone 5, 5C, 5S, iPod Touch 5g */
@media screen and (device-aspect-ratio: 40/71) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}
 
/* iPhone 6, iPhone 6s, iPhone 7 portrait/landscape */
@media screen and (device-aspect-ratio: 375/667) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}
 
/* iPhone 6 Plus, iPhone 6s Plus, iPhone 7 Plus portrait/landscape */
@media screen and (device-aspect-ratio: 9/16) {
    select, textarea, input[type="text"], input[type="password"],
    input[type="datetime"], input[type="datetime-local"],
    input[type="date"], input[type="month"], input[type="time"],
    input[type="week"], input[type="number"], input[type="email"],
    input[type="url"]{ font-size: 16px !important; }
}