@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)  
{

.dn .jContainer.ot { background:#15eaea; padding:0 0 0 0; margin:0;  }
.dn .jContainer.ot .container { background:#fff; }

.dn .ot .secHdr {
	padding: 35px 0 35px 20px;
	border-left: 5px solid crimson;
	margin: 0;
	background: rgba(253, 172, 2, 1 );
}

.dn .ot .secHdr .heading {
	color:#fff;
	display: block;
    max-width: 360px;
    margin: 0 auto;
    text-align: left;	
	}

.dn .ot .secHdr .headingss {color:#fff}

.dn .ot .otLstCan {xxmax-width:360px; margin:0 auto; background:#fff;}

.dn .ot .lst .heading {font-size:1.25em}

.dn .ot .lst {
	flex-direction:column;
	margin:0 0 0px 0px;
	}

.dn .ot .lst .lil1 {
	position: relative;
    top: 0;
    margin-left: 0px;
    padding: 0 0 0 25px;
	xx-background:pink;
	border-bottom:1px solid #ddd;
}

.dn .ot .lst .lil1:hover .heading{color:crimson}

.dn .ot .lst .lil1 a { display:inline-block; padding: 15px 0 15px 0; border-bottom:0 solid transparent; }
.dn .ot .lst .lil1 a:hover { border-bottom: 0 solid crimson; }

.dn .ot .angleRt01-Gnr:after {display:none	}
.dn .ot .angleRt01-Gnr:before {
	top: 34px;
    width: 10px;
    height: 10px;
    zoom: .7;
    transform: rotate(135deg);
    border-right: none;
    border-bottom: none;
}

.dn .ot .lst .lil1 a:hover:before{border-left:1px solid crimson; border-top:1px solid crimson; }



/* alsoRead x319 i320-x480-P i320-x480-L i481-x767 */
}








@media only screen and (min-width:768px) and (max-width:991px){

.alsoRead	{
	background: #fff;
    border-top: 1px solid #ddd; 
}

.dn .jContainer.ot { background:#fff; padding:50px 0; margin:0;  }
.dn .jContainer.ot .container { background:#fff; }

.dn .ot .secHdr {
	padding: 25px 0 25px 0;
	border-left: 0 solid crimson;
	margin: 0;
}

.dn .ot .otLstCan {
    padding: 50px 0;
    border-top: 1px solid #ddd;
    border-bottom: 0 solid #ddd;
    margin: 0px;
}

.dn .ot .secHdr .heading {
	color:#f90;
    border-left: 5px solid crimson;
    padding: 0 0 0 20px;
	font-size: 1.2em;
}
.dn .ot .secHdr .headingss {color:#fff}

.dn .ot .lst .heading {font-size:1.2em}

.dn .ot .lst {
	flex-direction:column;
	margin:0 0 0 0;
	}

.dn .ot .lst .lil1 {
	position: relative;
    top: 0;
    margin-left: 0;
    padding: 0 0 0 25px;
	xx-background:#f1f2f3;
	border-bottom:1px solid #eee;
}

.dn .ot .lst .lil1:last-child {	border-bottom:0 solid red;}

.dn .ot .lst .lil1:hover .heading{color:crimson}

.dn .ot .lst .lil1 a{ display:inline-block; padding: 12px 0 12px 0; border-bottom:1px solid transparent; }
.dn .ot .lst .lil1 a:hover{ border-bottom:1px solid crimson; }

.dn .ot .angleRt01-Gnr:after {display:none	}
.dn .ot .angleRt01-Gnr:before {
	top: 30px;
    width: 12px;
    height: 12px;
    zoom: .7;
    transform: rotate(135deg);
    border-right: none;
    border-bottom: none;
}
.dn .ot .lst .lil1 a:hover:before{border-left:1px solid crimson; border-top:1px solid crimson; }

/* i768-x991 */
}














@media only screen and (min-width:991px) and (max-width:1199px){

.alsoRead	{
	background: #fff;
    border-top: 1px solid #ddd; 
}

.dn .jContainer.ot { background:#fff; padding:50px 0; margin:0;  }
.dn .jContainer.ot .container { background:#fff; }

.dn .ot .secHdr {
	padding: 25px 0 25px 0;
	border-left: 0 solid crimson;
	margin: 0;
}

.dn .ot .otLstCan {
    padding: 50px 0;
    border-top: 1px solid #ddd;
    border-bottom: 0 solid #ddd;
    margin: 0px;
}

.dn .ot .secHdr .heading {
	color:#f90;
    border-left: 5px solid crimson;
    padding: 0 0 0 20px;
	font-size: 1.2em;
}
.dn .ot .secHdr .headingss {color:#fff}

.dn .ot .lst .heading {font-size:1.2em}

.dn .ot .lst {
	flex-direction:column;
	margin:0 0 0 0;
	}

.dn .ot .lst .lil1 {
	position: relative;
    top: 0;
    margin-left: 0;
    padding: 0 0 0 25px;
	xx-background:#f1f2f3;
	border-bottom:1px solid #eee;
}

.dn .ot .lst .lil1:last-child {	border-bottom:0 solid red;}

.dn .ot .lst .lil1:hover .heading{color:crimson}

.dn .ot .lst .lil1 a{ display:inline-block; padding: 12px 0 12px 0; border-bottom:1px solid transparent; }
.dn .ot .lst .lil1 a:hover{ border-bottom:1px solid crimson; }

.dn .ot .angleRt01-Gnr:after {display:none	}
.dn .ot .angleRt01-Gnr:before {
	top: 30px;
    width: 12px;
    height: 12px;
    zoom: .7;
    transform: rotate(135deg);
    border-right: none;
    border-bottom: none;
}
.dn .ot .lst .lil1 a:hover:before{border-left:1px solid crimson; border-top:1px solid crimson; }

/* i992-x1199 */
}













@media only screen and (min-width:1200px) {

.alsoRead	{
	background: #fff;
    border-top: 1px solid #ddd; 
}

.dn .jContainer.ot { background:#fff; padding:50px 0; margin:0;  }
.dn .jContainer.ot .container { background:#fff; }

.dn .ot .secHdr {
	padding: 25px 0 25px 0;
	border-left: 0 solid crimson;
	margin: 0;
}

.dn .ot .otLstCan {
    padding: 50px 0;
    border-top: 1px solid #ddd;
    border-bottom: 0 solid #ddd;
    margin: 0px;
}

.dn .ot .secHdr .heading {color:#f90; border-left: 5px solid crimson;    padding: 0 0 0 20px;}
.dn .ot .secHdr .headingss {color:#fff}

.dn .ot .lst .heading {font-size:1.0em}

.dn .ot .lst {
	flex-direction:column;
	margin:0 0 0px 0px;
	}

.dn .ot .lst .lil1 {
	position: relative;
    top: 0;
    margin-left: 0;
    padding: 0 0 0 25px;
	xx-background:#f1f2f3;
	border-bottom:1px solid #eee;
}

.dn .ot .lst .lil1:last-child {
	border-bottom:0 solid red;
}

.dn .ot .lst .lil1:hover .heading{color:crimson}

.dn .ot .lst .lil1 a{display:inline-block; padding: 10px 0 10px 0; border-bottom:1px solid transparent}
.dn .ot .lst .lil1 a:hover{border-bottom:1px solid crimson}

.dn .ot .angleRt01-Gnr:after {display:none	}
.dn .ot .angleRt01-Gnr:before {
	top: 30px;
    width: 12px;
    height: 12px;
    zoom: .7;
    transform: rotate(135deg);
    border-right: none;
    border-bottom: none;
}

.dn .ot .lst .lil1 a:hover:before{border-left:1px solid crimson; border-top:1px solid crimson; }



/* i1200 */
}