/* .hover-underline-animation {
  display: inline-block;
  position: relative;
  color: #0087ca;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 1px;
  bottom: 0;
  left: 0;
  background-color: crimson;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
 */


@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)  
{

/* .tML2_dmsi { font:normal normal normal 15px/1 "OpenSansLight"; letter-spacing:0.01em } */
.tML3_dmsi { font:normal normal normal 14px/1 "OpenSansLight"; letter-spacing:0.01em }


.content {
    -ms-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    position: relative;
    background: transparent;
    padding: 20px;
    padding: 0 0 0 0;
    top: 0px;
    transition: all 1s ease;
}



/* css handle to reach top of sceen when scrolled down */
.scrollup {

content: '';
position: fixed;
xx-top: 0;
xx-left: 0;
display: block;
padding: 0px 0px 0px 5px;
xx-transform: rotate(0deg);
width: 45px;
height: 45px;
border-radius: 100%;
border: 0 solid #000;
bottom: 6px;
right: 10px;
text-indent: -9999px;
background: rgba( 255,255,255,.75);
z-index: 2;
}

a.scrollup:after {
z-index:99999;
bottom:  18px;
right: 24px;
display: block;
text-indent:-9999px;
border-top: 2px solid rgba(88, 0, 77, 1);
border-right: 2px solid rgba(88, 0, 77, 1);

transform: rotate( 315deg);
width: 16px;
height: 16px;
margin: 0px;
border-radius: 0px;
content: "";
position: fixed;
display: block;

}

.dropdown.ddmmsl .can .flxCan .flxCanItm.c .flexCanGen  a.btn	{padding:12px 15px; color:#003366}


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




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

.nav > li.hover .ml1:after {
	transform:rotate(45deg) skewX(0deg) skewY(0deg);
}

}






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

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

#img_ddmmsl_dn01 {}

/* .elBody {font: normal normal normal 16px/1.5em "OpenSansLight", Tahoms, Calibri, sans-serif; } */

.elBody {
		height:100%; overflow-x:hidden; transition: all 2s ease;
	}

.elBody.openSideNav {}

.hamBarMob {display:none}

.ml1:after {
	content:'\2026'; /* horizontal eclipises */
	width: 10px;
    height: 10px;
    position: absolute;
    top: 17px;
    right: 10px;
    xx-margin-right: 2px;
    font-weight: bold;
}

.sticky .tBar {display:none}

.content {
    background: transparent;
	position:static;
    padding: 25px 85px;
    padding: 0;
    top: 0px;
	-ms-transform: none;
    -webkit-transform: none;
	transform: none;
	transition: all 1s ease;
}


/* css handle to reach top of sceen when scrolled down */
.scrollup {
	content: '';
	position: fixed;
	display: block;
	padding: 0px 0px 0px 5px;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	border: 0 solid #000;
	bottom: 6px;
	right: 10px;
	text-indent: -9999px;
	background: rgba( 255,255,255,.75);
	z-index: 2;
}

a.scrollup:after {
	z-index:99999;
	bottom:  18px;
	right: 24px;
	display: block;
	text-indent:-9999px;
	border-top: 2px solid rgba(88, 0, 77, 1);
	border-right: 2px solid rgba(88, 0, 77, 1);
	transform: rotate( 315deg);
	width: 16px;
	height: 16px;
	margin: 0px;
	border-radius: 0px;
	content: "";
	position: fixed;
	display: block;
}


/* i768-x991 */
}





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

::-webkit-scrollbar {
    width: 0px;
    background: transparent;
}

.elBody {
		height:100%; overflow-x:hidden; transition: all 2s ease;
	}

.elBody.openSideNav {}

.content {
    background: transparent;
	position:static;
    padding: 25px 85px;
    padding: 0;
    top: 0px;
	-ms-transform: none;
    -webkit-transform: none;
	transform: none;
	transition: all 1s ease;
}

/* css handle to reach top of sceen when scrolled down */
.scrollup {

	content: '';
	position: fixed;
	xx-top: 0;
	xx-left: 0;
	display: block;
	padding: 0px 0px 0px 5px;
	xx-transform: rotate(0deg);
	width: 45px;
	height: 45px;
	border-radius: 100%;
	border: 0 solid #000;
	bottom: 6px;
	right: 10px;
	text-indent: -9999px;
	background: rgba( 255,255,255,.75);
	z-index: 2;

}

a.scrollup:after {
	z-index:99999;
	bottom:  18px;
	right: 24px;
	display: block;
	text-indent:-9999px;
	border-top: 2px solid rgba(88, 0, 77, 1);
	border-right: 2px solid rgba(88, 0, 77, 1);
	transform: rotate( 315deg);
	width: 16px;
	height: 16px;
	margin: 0px;
	border-radius: 0px;
	content: "";
	position: fixed;
	display: block;

}

/* i992-x1199 */
}




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

a {text-decoration: none;}
.elBody {
    height: 100%;
    overflow-x: hidden;
    transition: all 1s ease;
}

.elBody.openSideNav {}
.hamBarMob {display:none}

.header { background: #fff; }
 
.content {
	position:static;
	padding: 25px 85px;
	padding: 0;
	top: 0px;
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	transition: all 1s ease;
}

/* css handle to reach top of sceen when scrolled down */
.scrollup {
	content: '';
	position: fixed;
	display: block;
	padding: 0px 0px 0px 5px;
	width: 45px;
	height: 45px;
	border-radius: 100%;
	border: 0 solid #000;
	bottom: 6px;
	right: 10px;
	text-indent: -9999px;
	background: rgba( 255,255,255,.75);
	z-index: 2;
}

a.scrollup:after {
	z-index:99999;
	bottom:  18px;
	right: 24px;
	display: block;
	text-indent:-9999px;
	border-top: 2px solid rgba(88, 0, 77, 1);
	border-right: 2px solid rgba(88, 0, 77, 1);
	transform: rotate( 315deg);
	width: 16px;
	height: 16px;
	margin: 0px;
	border-radius: 0px;
	content: "";
	position: fixed;
	display: block;
}

/*new end 1200 */
}