@media 
	only screen and (max-width:319px),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:portrait),
	only screen and (min-width:320px) and (max-width:480px) and (orientation:landscape) ,
	only screen and (min-width:481px) and (max-width:767px)  
{
.wh .rsb .srvDoms { border:0 solid #ff9500; margin: 0 0 0 0; padding: 0 0 0 0;}

.wh .rsb .srvHd {
	padding: 20px 5px;
	display: block;
	margin:0;
	background:#ff9500;
}

.wh .rsb .srvHd .srvHd-icon {
	background-image: url(/images/icons-w-25.png);
	width: 34px;
	height: 32px;
	position: relative;
	top: 0;
	display: inline-block;
	background-position: -60px -64px;
	background-repeat: no-repeat;
	}

.wh .rsb .srvHd .headingss {color:#fff; justify-content:flex-start; font-size:125%}
.wh .rsb .srvHd .headingss .hdTxt {margin:0 0 0 10px; padding:1px 0 0 0;}

.wh .rsb .srvLst {background:#ffa400; background:#FFF}

.wh .rsb .srvLst .lil1 { 
	position:relative; 
	top:0px; 
	margin:0 0 0 0;
	color:#f90;
	border-bottom: 1px solid #ffc600;	
}
.wh .rsb .srvLst .lil1:last-child { border-bottom: 0 dotted #ffc600;	}

.wh .rsb .srvLst .lil1 a:before {	display:none;}
.wh .rsb .srvLst .lil1 a:after {	
	top: 28px;
	left: 10px;
	border-top-color: #f90;
	border-right-color: #f90;
	width: 8px;
	height: 8px;
}

.wh .srvLst .lil1 a {
	display: block;
	padding: 20px 20px 20px 35px;
}
/* not for mobile only
.wh .srvLst .lil1:hover a:before {
	color: #ff9500;
	border-top: 2px solid #ff9500;
	border-right: 2px solid #ff9500;
}

.wh .srvLst .lil1 a:hover, 
.wh .srvLst .lil1 a:hover span {
	color: #ff9500;
	background: #f1f2f3;
}
*/

/* x319 i320-x480-P i320-x480-L i481-x767 */
}



@media only screen and (min-width:768px) and (max-width:991px) {

.wh .rsb .srvDoms { border:1px solid #ff9500; }

.wh .rsb .srvHd {
	padding: 10px 5px;
	display: block;
	margin:0;
	background:#ff9500;
}

.wh .rsb .srvHd .srvHd-icon {
	background-image: url(/images/icons-w-25.png);
	width: 34px;
	height: 32px;
	position: relative;
	top: 0;
	display: inline-block;
	background-position: -60px -64px;
	background-repeat: no-repeat;
	animation: linear rotation 10s infinite reverse;
	}

.wh .rsb .srvHd .headingss {color:#fff; justify-content:flex-start}
.wh .rsb .srvHd .headingss .hdTxt {margin:0 0 0 5px; font-size: .9em;}

.wh .rsb .srvLst {background:#ffa400;}

.wh .rsb .srvLst .lil1 { 
	position:relative; 
	top:0px; 
	margin:0 0 0 0;
	color:#fff;
	border-bottom: 1px solid #ffc600;		
}

.wh .rsb .srvLst .lil1:last-child { 
	border-bottom: 0 solid #ffc600;		
}

.wh .rsb .srvLst .lil1 a:before {	display:none;}
.wh .rsb .srvLst .lil1 a:after {	
	top:18px ; 
	left:	3px; 
	border-top-color: #fff;
	border-right-color: #fff;
}

.wh .rsb .srvLst .lil1 a {
	display: block;
	padding: 10px 10px 10px 20px ;
}

.wh .rsb .srvLst .lil1:hover a:before {
	color: #ff9500;
	border-top: 2px solid #ff9500;
	border-right: 2px solid #ff9500;
}

.wh .rsb .srvLst .lil1 a:hover, 
.wh .rsb .srvLst .lil1 a:hover span {
	color: #ff9500;
	background: #f1f2f3;
}

/* i768 - x992 */
}



@media only screen and (min-width:992px) and (max-width:1199px) {

.wh .rsb .srvDoms { border:1px solid #ff9500; }

.wh .rsb .srvHd {
	padding: 10px 5px;
	display: block;
	margin:0;
	background:#ff9500;
}

.wh .rsb .srvHd .srvHd-icon {
	background-image: url(/images/icons-w-25.png);
	width: 34px;
	height: 32px;
	position: relative;
	top: 0;
	display: inline-block;
	background-position: -60px -64px;
	background-repeat: no-repeat;
	animation: linear rotation 10s infinite reverse;
	}

.wh .rsb .srvHd .headingss {color:#fff; justify-content:flex-start}
.wh .rsb .srvHd .headingss .hdTxt {margin:0 0 0 5px; font-size: .9em;}

.wh .rsb .srvLst {background:#ffa400;}

.wh .rsb .srvLst .lil1 { 
	position:relative; 
	top:0px; 
	margin:0 0 0 0;
	color:#fff;
	border-bottom: 1px solid #ffc600;		
}

.wh .rsb .srvLst .lil1:last-child { 
	border-bottom: 0 solid #ffc600;		
}

.wh .rsb .srvLst .lil1 a:before {	display:none;}
.wh .rsb .srvLst .lil1 a:after {	
	top:18px ; 
	left:	3px; 
	border-top-color: #fff;
	border-right-color: #fff;
}

.wh .rsb .srvLst .lil1 a {
	display: block;
	padding: 10px 10px 10px 20px ;
}

.wh .rsb .srvLst .lil1:hover a:before {
	color: #ff9500;
	border-top: 2px solid #ff9500;
	border-right: 2px solid #ff9500;
}

.wh .rsb .srvLst .lil1 a:hover, 
.wh .rsb .srvLst .lil1 a:hover span {
	color: #ff9500;
	background: #f1f2f3;
}

/* i992 - x1199 */
}












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


.wh .rsb .srvDoms { border:1px solid #ff9500; }

.wh .rsb .srvHd {
	padding: 10px 5px;
	display: block;
	margin:0;
	background:#ff9500;
}

.wh .rsb .srvHd .srvHd-icon {
	background-image: url(/images/icons-w-25.png);
	width: 34px;
	height: 32px;
	position: relative;
	top: 0;
	display: inline-block;
	background-position: -60px -64px;
	background-repeat: no-repeat;
	animation: linear rotation 10s infinite reverse;
	}

.wh .rsb .srvHd .headingss {color:#fff; justify-content:flex-start}
.wh .rsb .srvHd .headingss .hdTxt {margin:0 0 0 10px;}

.wh .rsb .srvLst {background:#ffa400;}

.wh .rsb .srvLst .lil1 { 
	position:relative; 
	top:0px; 
	margin:0 0 0 0;
	color:#fff;
	border-bottom: 1px solid #ffc600;		
}

.wh .rsb .srvLst .lil1:last-child { 
	border-bottom: 0 solid #ffc600;		
}

.wh .rsb .srvLst .lil1 a:before {	display:none;}

.wh .rsb .srvLst .lil1 a:after {	
	top:18px ; 
	left:	5px;
    width: 8px;
    height: 8px;	
	border-top-color: #fff;
	border-right-color: #fff;
}

.wh .rsb .srvLst .lil1 a {
	display: block;
	padding: 10px 10px 10px 25px;
}

.wh .rsb .srvLst .lil1:hover a:after {
	color: #ff9500;
	border-top: 1px solid #ff9500;
	border-right: 1px solid #ff9500;
}

.wh .rsb .srvLst .lil1:hover{
	color: #ff9500;
	background: #f1f2f3;
}

/* i1200 */
}