/*======Smartphones (portrait and landscape)======*/
/*================================================*/
@media only screen and ( min-width: 240px) and ( max-width: 1024px) {
/*=============================================================================================================================================
HEADER STYLE
=============================================================================================================================================*/
#header	{background:#d8e0aa; height:auto; border-bottom:1px solid #fff}

.hdr-lft	{width:100%; float:left;  text-align:center}
.hdr-rgt	{width:100%; float:left; position:relative; height:auto; z-index:9}





/*=============================================================================================================================================
BODY STYLE
=============================================================================================================================================*/
/*======Three Pannels=======*/
.pan-left, .pan-right	{display:none}

/*======Visual Panel======*/
.caption	{padding:1% 0px 2%; position:relative; top:0px; font-size:1.2em; background:#0079dc}
.tp-nav		{position:relative; text-align:left; background:#510505; float:left; width:100%}

.btns			{position:relative; top:10px}
.hm-login		{padding:2% 0%; width:100%; font-size:1.2em; color:#fff; float:left; margin-left:0px;}
.hm-register	{padding:2% 0%; width:100%; font-size:1.2em; color:#fff; float:right; margin-right:0px; margin-top:10px;}

/*======Experts Pannel=======*/
ul.expertslist		{display:block;}
ul.expertslist li	{list-style:none; padding:0px; margin:0px; display:block; vertical-align:top}

ul.expertslist > li:nth-child(1)		{width:100%; margin-bottom:5px;}
ul.expertslist > li:nth-child(2)		{width:100%;}

ul.expertslist > li:nth-child(1) div	{width:100px; height:100px; border-radius:50%; float:none; margin:auto}
ul.expertslist > li:nth-child(2) h2		{float:none; padding:0px; margin:0px 0px 10px 0px;  text-align:center}

ul.sub-nav {float:left;}
li.sub-nav {float:left;}
li.btn-opt	{display:none}
li.btn-mand			{display:block;float:left; min-width:48%;}




.add	{width:100%; float:left; margin-bottom:10px;}
.map	{width:100%; float:left}

ul.vidlist li	{list-style:none; padding:0px; margin:0px .6% 10px; display:inline-block; width:48%; text-align:center; vertical-align:top}
ul.vidlist li:last-child	{margin:auto;}





/*=============================================================================================================================================
FOOTER STYLE
=============================================================================================================================================*/
.ftr-pan	{display:block; margin-top:10px;}
.ftr-pan .ftr-lft {width:100%; display:block; text-align:center;}
.ftr-pan .ftr-rgt {width:100%; display:block; padding:10px 0px 0px 0px; text-align:center;}

ul.ftr-nav-list li		{padding:3px 4px;}
ul.ftr-nav-list li.hide	{display:none}

ul.ntw-list li img	{max-width:75%; width:100%; height:auto;}

}