/*  css for second page*/
body
{
	background:#f5f5f5;
	font-family: 'Open Sans', sans-serif;
	overflow-x: hidden ;
}
pre
{
	word-break:normal;
	word-wrap:normal;
}
#title-id
{
	/*width:190px;*/
}
.navbar-default .navbar-toggle .icon-bar 
{
	background-color: #fff;
}
#page-header1
{
	height:200px;
	background:gray;
	background-color:#464646;
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.4)), url("/assets/images/geometry2.png");
}
#page-header5
{
	height:100px;
	background:gray;
	background-color:#464646;
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.4)), url("/assets/images/geometry2.png");
}
.quiz
{
    box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
#page-header4
{
	height:100px;
	/*background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.4)), url("/assets/images/geometry2.png");*/
}
#signupa:hover
{
	color:#333 !important;
}
.navbar-toggle 
{
	margin-right: 40px;
    margin-top: 16px
}
#main-panel1
{
	background:#fff;
	padding-top:0px;
	padding-bottom:0px;
}
#page-header1 h2
{
	text-align:center;
	color:#fff;
	text-shadow: 1px 1px 3px #000000;
	font-size:26px;
	font-weight:800;
	margin-bottom:20px;
	margin-top:115px;
	font-family: 'Open Sans', sans-serif;
}
#page-header1 h6
{
	text-align:center;
	color:#fff;
	font-weight:600;
	font-size:14px;
}
#sub-panel1
{
	border-radius: 4px;
	margin-left:70px;
	padding:25px !important;
/*	padding-bottom:5px;*/
	margin-top:30px;
	height:100px;
	cursor:pointer;
	background-color: #ffffff;
	border: solid 0.5px #ebebeb;
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) !important;
}
#sub-panel1:hover
{
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2) !important;
}
.subject_details
{
	color:#cc0000;
	font-weight: normal;
	font-size:14px;
	margin-bottom: -15px; 
	margin-left: 45px;
    top: -30px;
    position: relative;
}
#all-row-id
{
	margin-top:10px;
	margin-left:5px;
	margin-bottom:20px;
}
#all-row-id:nth-last-child(1)
{
	margin-bottom:100px;
}
#ul-name
{
	font-size:20px!important;
	font-weight:bold;
	color:#666666;
	margin-left:110px;
	margin-top:40px;
	line-height: 1.88;
}
#ul-name1
{
	font-size:20px!important;
	font-weight:bold;
	color:#666666;
	text-transform: capitalize;
	margin-left:75px;
	margin-top:30px; 
	line-height: 1.88;
}
#right-content-nm
{
	float:right;
	position:relative;
	word-break:break-word;
	width:200px;
	text-transform: capitalize;
	margin-right:10px;
	color:#999999;
	font-weight:600;
	left:10px;
}
.navbar-default
{
	background:transparent;
	text-decoration:none;
	color:#fff;
	text-align:center;
	border: none;
}
.navbar-default .navbar-nav>li>a 
{
    color: #fff !important;
}
/*.navbar-default .navbar-nav>li>a:nth-last-child(1):hover
{
    color: #ccc !important;
}*/
#label-maain
{
	font-size:16px;
	font-weight:600;
	color:#fff;
	margin-top:20px;
}
.sign-up-nav
{
	border:1px solid #fff;
	border-radius:4px;
	padding:-5px;
	width:100px;
	height:40px;
}
.sign-up-nav:hover
{
	background-color: #fff;
    color: #333 !important;
    border: 2px solid #fff;
    border-radius: 4px;
}
..sign-up-nav a:hover
{
	color:#333 !important;
}
.year-grp-btn
{
	color:#fff !important;
}
.year-grp-btn:focus
{
	border:1px solid cyan;
}
#nv-menu
{
	float: right;
	text-align:center;
	font-size: 14px;
    font-weight: 600;
    color: #ccc;
	margin-top: 16px;
	margin-right: 8%;
}
#chapter-name-id
{
	text-transform: capitalize;
}
@media only screen and (max-width:767px) 
{
	#chapter-name-id
	{
		text-overflow: ellipsis;
		width:150px;
		text-align:left !important;
		white-space:nowrap;
		overflow:hidden;
	}
	#option-value
	{
	
	}
	#select123
	{
		margin-top:10px;
		margin-left:10px;
	}
	#select1234
	{
		margin-top:10px;
		margin-left:10px;
	}
	#select12345
	{
		margin-top:10px;
		margin-left:10px;
	}
	#select123456
	{
		margin-top:10px;
		margin-left:10px;
	}
	#nv-menu
	{
		float:none !important;
		display:table-caption;
		padding-top: 15px;
		margin-right: 0% !important;
	}
	#sub-panel1
	{
		margin-left:15px !important;
		margin-top:25px;
	}
	#sub-panel1 .row
	{
		margin-left:0px;
		margin-top:0px !important;
	}
	/*#main-panel1
	{
		height:1600px;
		overflow-y:auto;
	}*/
	#all-row-id
	{
		margin-left:-10px;
	}
	#ul-name
	{
		margin-left:0px;
	}
	#ul-name1
	{
		margin-left:0px;
	}
	.subject_details
	{
		top:-30px;
	}
	#all-row-id
	{
		margin-top:0px;
		padding:20px;
	}
	#ul-name
	{
		margin-top:20px;
	}
}
/*  css for second page end here*/
/*  css for first page start here*/
#sample-panel
{
	background:white;
}
#sample-panel h4
{
	font-size:18px;
	color:#666666;
	font-weight:800;
	margin-top:20px!important;
}
#sample-panel h6
{
	font-size:14px;
	color:#999999;
	width:250px !important;
	line-height:1.6;
	margin-top:10px;
	font-weight:600;
}
#whole-blue-row h2
{
	color:white;
	text-align:center;
	font-size:30px;
	margin-left:0px !important;
	font-weight:800;
	top:20px;
	margin-top:70px;
	position:relative;
}
#whole-blue-row h4
{
	position:relative;
	font-size:16px;
	font-weight:600;
	color:#fff;
}
.blue-btn1
{
	width: auto;
	padding:20px 20px;
	opacity: 1;
	color:#fff;
	margin:8px;
	border:none;
	min-width:230px;
	background:#104891;
	font-size:14px;
	font-weight:bold;
	border-radius: 2px;
	/*background-image: linear-gradient(-90deg,#1663c7,#104891);*/
}
.blue-btn1:focus
{
	width: auto;
	padding:20px 20px;
	opacity: 1;
	color:#fff;
	border:none;
	font-size:14px;
	font-weight:bold;
	border-radius: 2px;
	outline:none;
	min-width:230px;
	background:#104891 ;
	outline: 0px auto -webkit-focus-ring-color; 
    outline-offset: -2px;
	/*background-image: linear-gradient(-90deg,#1663c7,#104891);*/
}
.blue-btn1:active
{
	width: auto;
	padding:20px 20px;
	opacity: 1;
	min-width:230px;
	color:#fff;
	border:none;
	font-size:14px;
	font-weight:bold;
	border-radius: 2px;
	background:#104891;
	/*background-image: linear-gradient(-90deg,#1663c7,#104891);*/
}
.blue-btn1 i
{
	font-size: 24px;
    font-weight: bold;
    position: relative;
    top: 3px;
    margin-left: 3px;

}
#idfor-search
{
    width:555px;
    height:60px;
	margin-left:-95px;
	padding-left:15px;
	border-radius: 4px;
	background-color: #fff;
	border: solid 2px #a6a6a6;
}
#subscribe-btn
{
	position:absolute;
	left:455px;
	top:90px; 
	margin-left:-70px;
	width: 150px;
	height: 40px;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	border-radius: 4px;
	background-color: #0097ff;   
}
#li-id1
{
	font-size:14px;
	font-weight:600;
	color:#999999;
	cursor:pointer;
	margin-top:25px;
}
.hr-id
{
	height: 1px;
	position:relative;
	margin-left:100px;
	margin-right:100px;
	background-color:#ccc;
}
#first-row-sub
{
	margin:30px;margin-top:60px;
}
#whole-blue-row
{
	background:#0097ff;
	padding-bottom:70px;
}
.blue-btn1:hover
{
    color:#fff;
    box-shadow: 0 3px 9px #1b1091;
}
#col-for-more
{
	margin-left:115px;
}
#footer-info1
{
	float:left;
	margin-left:102px;
	display:inline
}
#footer-info2
{
	position:relative;
	display:inline;
	right:-380px;
}
#footer-info3
{
   float:right;
   margin-right:100px;
   display:inline;
}
#subscribe-info
{
	font-weight:800;
	color:#999999;
	/*margin-left:-70px;*/
	font-size:14px;
	margin-top:20px;
}
#page-header
{
	height:500px;
	background:#464646;
	background: linear-gradient(rgba(0,0,0,.4), rgba(0,0,0,.4)), url("/assets/images/layer-1.png");
	background-size:cover;
	
}
#main-panel
{
	background:#fff;
	padding-top:0px;
	padding-bottom:0px;
}

#page-header h2
{
	text-align:center;
	color:#fff;
	font-size:36px;
	font-weight:800;
	margin-bottom:20px;
	margin-top:130px;
	text-shadow: 1px 1px 3px #000000;
	font-family: 'Open Sans', sans-serif;
}
#page-header h6
{
	text-align:center;
	color:#fff;
	text-shadow: 1px 1px 3px #000000;
	font-weight:600;
	font-size:18px;
}
#exlore_sub
{	
	padding-top:10px;
	padding-bottom:10px;
    padding-left: 25px;
    font-weight: bold;
    font-size: 18px;
	padding-right: 25px;
	background-color:transparent;
	color:#fff;
	border:2px solid #fff;
	border-radius:4px;

}
#exlore_sub:hover
{
	background-color:#fff;
	color: #333;
	border:2px solid #fff;
	border-radius:4px;
}
.navbar-default
{
	background:transparent;
	text-decoration:none;
	color:#fff;
	text-align:center;
	border: none;
}
#label-maain
{
    color: #fff;
	font-size:16px;
	font-weight:600;
	margin-top:20px;
}
@media only screen and (max-width: 812px)
{ 
    #sample-panel h6
	{
		width:auto !important;
	}
	#whole-row-id h3
	{
		font-size:13px;
	}
	span .base
	{
		font-size:13px;
	}
	iframe
	{
		width:100% !important;
		float:left;
		margin-bottom:30px;
	}
	.quiz-box
	{
		margin-left:20px;
	}
	#right-content-nm
	{
		width:200px;
	}
	.sign-up-nav
	{
		border:none;
		width:auto;
	}
	.navbar-nav>li 
	{
    	float: left;
    	height: 45px !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form
	{
		background:#666;
		border-bottom:1px solid #fff;
	}
	#navbar
	{
		text-align:center;
	}
	
	#sample-panel
	{
		margin-top:20px;
	}
	#first-row-sub
	{
		margin-top:20px;		
	}
	#col-for-more
	{
	    margin-left:20px;
	}
	#whole-blue-row h4
	{
		text-align:center!important;
		left:0px;
	}
	#idfor-search
	{
		width:274px;
		height:60px;
		margin-left:0px;
		margin-right:70px;
	}
	#subscribe-btn
	{
		position:absolute;
		left:366px;
		top:90px;  width: 100px;
		height: 40px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		border-radius: 4px;
		background-color: #6699cc;   
	}
	#subscribe-info
	{
		margin-top:20px;
		text-align:center !important;
		margin-left:0px;
		
	}
	.blue-btn1
	{
		margin-top:20px;
	}
	.hr-id
	{
		height: 1px;position:relative;
		left:0px;
		margin-left:15px;
		margin-right:15px;
		/*width:80% !important;*/
		background-color: #666666;
	}	
}
@media only screen and (min-width: 600px) and (max-width: 800px)
{ 
    #sample-panel h6
	{
		width:auto !important;
	}
	#whole-row-id h3
	{
		font-size:13px;
	}
	span .base
	{
		font-size:13px;
	}
	iframe
	{
		width:100% !important;
		float:left;
		margin-bottom:30px;
	}
	.quiz-box
	{
		margin-left:20px;
	}
	#right-content-nm
	{
		width:200px;
	}
	.sign-up-nav
	{
		border:none;
		width:auto;
	}
	.navbar-nav>li 
	{
    	float: left;
    	height: 45px !important;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form
	{
		background:#666;
		border-bottom:1px solid #fff;
	}
	#navbar
	{
		text-align:center;
	}
	
	#sample-panel
	{
		margin-top:20px;
	}
	#first-row-sub
	{
		margin-top:20px;		
	}
	#col-for-more
	{
	    margin-left:20px;
	}
	#whole-blue-row h4
	{
		text-align:center!important;
		left:0px;
	}
	#idfor-search
	{
		width:274px;
		height:60px;
		margin-left:0px;
		margin-right:70px;
	}
	#subscribe-btn
	{
		position:absolute;
		left:366px;
		top:90px;  width: 100px;
		height: 40px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		border-radius: 4px;
		background-color: #6699cc;   
	}
	#subscribe-info
	{
		margin-top:20px;
		text-align:center !important;
		margin-left:0px;
		
	}
	.blue-btn1
	{
		margin-top:20px;
	}
	.hr-id
	{
		height: 1px;position:relative;
		left:0px;
		margin-left:15px;
		margin-right:15px;
		/*width:80% !important;*/
		background-color: #666666;
	}	
}
@media only screen and (max-width:768px) 
{
	.navbar-nav 
	{
    	margin: 0px !important;
	}
	#sample-panel h6
	{
		width:auto !important;
	}
	#whole-row-id h3
	{
		font-size:13px;
	}
	span .base
	{
		font-size:13px;
	}
	iframe
	{
		width:100% !important;
		float:left;
		margin-bottom:30px;
	}
	.quiz-box
	{
		margin-left:20px;
	}
	#right-content-nm
	{
		width:200px;
	}
	.sign-up-nav
	{
		border:none;
		width:auto;
	}
	.navbar-nav>li 
	{
    	float: left;
    	height: 45px !important;
    	margin-top: 15px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form
	{
		background:#666;
		border-bottom:1px solid #fff;
	}
	#navbar
	{
		text-align:center;
	}
	
	#sample-panel
	{
		margin-top:20px;
	}
	#first-row-sub
	{
		margin-top:20px;		
	}
	#col-for-more
	{
	    margin-left:20px;
	}
	#whole-blue-row h4
	{
		text-align:center!important;
		left:0px;
	}
	#idfor-search
	{
		width:274px;
		height:60px;
		margin-left:0px;
		margin-right:70px;
	}
	#subscribe-btn
	{
		position:absolute;
		left:366px;
		top:90px;  width: 100px;
		height: 40px;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		border-radius: 4px;
		background-color: #6699cc;   
	}
	#subscribe-info
	{
		margin-top:20px;
		text-align:center !important;
		margin-left:0px;
		
	}
	.blue-btn1
	{
		margin-top:20px;
	}
	.hr-id
	{
		height: 1px;position:relative;
		left:0px;
		margin-left:15px;
		margin-right:15px;
		/*width:80% !important;*/
		background-color: #666666;
	}
}
/*  css for first page end here*/

/*css for third page start here*/
#page-header2
{
	height:150px;
	background:gray;
	margin-bottom:20px;
	background-color:#464646;
	background: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.4)), url("/assets/images/geometry2.png");
}
#main-panel2
{
	background:#fff;
	padding-top:0px;
	padding-bottom:0px;
}
#page-header2 h2
{
	text-align:center;
	color:#fff;
	font-size:30px;
	font-weight:800;
	margin-bottom:20px;
	margin-top:30px;
	font-family: 'Open Sans', sans-serif;
}
#page-header2 h6
{
	float:left;
	color:#fff;
	margin-top:92px;
	font-weight:600;
	font-size:24px;
}
#sub-panel2
{
	border-radius: 4px;
	margin-left:70px;
	padding:25px;
	height:100px;
	background-color: #ffffff;
	border: solid 0.5px #ebebeb;
}
.navbar-default
{
	background:transparent;
	text-decoration:none;
	color:#fff;	
	text-align:center;
	border: none;
}
.navbar-default .navbar-nav>li>a 
{
    color: #fff;
	top:-7px
}

#label-maain
{
    color: #fff;
	font-size:16px;
	font-weight:600;
	color:#fff;
	margin-top:20px;
	top: -7px;
    position: relative;
	margin-left:80px; 
}
#gray-box
{
	background:#ebebeb;
	border-radius:4px;
	height:120px;
	padding:25px;
}
#gray-box p
{
	margin-left:90px;
	margin-right:40px;
	padding-top:10px;
	top:-30px;
	position:relative;
	text-align: justify;
}
.steps-form-3 
{
	height: 300px;
	position: relative; 
}
.steps-form-3 .steps-row-3 
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; 
}
.steps-form-3 .steps-row-3:before 
{
    top: 14px;
    bottom: 0;
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background-color: #7283a7; 
}
.steps-form-3 .steps-row-3 .steps-step-3
 {
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    position: relative;
}
.steps-form-3 .steps-row-3 .steps-step-3.no-height 
{
    height: 0px; 
}
.steps-form-3 .steps-row-3 .steps-step-3 p
{
	margin-top: 0.5rem; 
}
.steps-form-3 .steps-row-3 .steps-step-3 button[disabled] 
{
    opacity: 1 !important;
    filter: alpha(opacity=100) !important; 
}
.steps-form-3 .steps-row-3 .steps-step-3 .btn-circle-3 
{
    width: 14px;
    height: 14px;
    border: 2px solid #acacac;
    background-color: white ;
    color: #59698D !important;
    border-radius: 50%;
	margin-left:135px;
    padding: 18px 18px 15px 15px;
    margin-top: -22px; 
}
.steps-form-3 .steps-row-3 .steps-step-3 .btn-circle-3:hover
{
    border: 2px solid #4285F4;
    color: #4285F4 !important;
    background-color: white; 
}
.steps-form-3 .steps-row-3 .steps-step-3 .btn-circle-3 .fa 
{
    font-size: 1.7rem; 
}

#step-5
{
	margin-left: 7px;
}
#step-8
{
	margin-left: 7px;
	display:block;
}
#leftcontent-p
{
	font-size:14px;
	padding-left:400px; 
	margin-top:-200px;
	font-weight:normal;
	color:#999999;
	text-align: justify;
}
.opn-name1
{
	font-size: 20px;
	cursor:pointer;
	line-height: 10px;
	float:right;
	top:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	left: -17px;
	position:relative;
	color: #999999 !important;
}
#opnname
{
	font-size: 20px;
	cursor:pointer;
	line-height: 10px;
	/*float:right;*/
	top:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	/*left: -17px;*/
	position:relative;
	color: #999999 !important;
}
.opn-name
{
	font-size: 20px;
	cursor:pointer;
	line-height: 10px;
	float:right;
	top:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	left: -17px;
	position:relative;
	color: #999999 !important;
}
.opn-name3
{
	font-size: 20px;
	cursor:pointer;
	line-height: 10px;
	float:right;
	top:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	left: -17px;
	position:relative;
	color: #999999 !important;
}
.opn-name2
{
	font-size: 20px;
	cursor:pointer;
	line-height: 10px;
	float:right;
	top:18px;
	font-family: 'Open Sans', sans-serif;
	font-weight:800;
	left: -17px;
	position:relative;
	color: #999999 !important;
}
#whole-row-id
{
	padding-left:50px;
	padding-right:70px;
	padding-top:30px;
	padding-bottom:100px;
}
#steps-name
{
	font-size:16px;
	font-weight:800;
	color:#666666;
}
#p-without-border
{
	font-size:14px;
	font-weight:normal;
	color:#999999;
	text-align: justify;
}
	#quix-box-row
	{
		margin-top:30px;
	}
	#quix-box-2row
	{
		margin-top:20px;
		margin-bottom:30px;
	}
	#chapter-name
	{
		margin-left:50px !important;
		font-size:24px;font-weight:400 !important;
		margin-bottom:0px;
	}
@media only screen and (max-width:768px) 
{
	#p-without-border p:first-child
	{
		margin-top:20px;
	}
	#quix-box-row
	{
		margin-top:30px;
	}
	.navbar-default .navbar-nav>li>a 
	{
	    color: #fff !important;
	}
	#sub-panel2
	{
		margin-left:10px !important;
		margin-top:10px;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form
	{
		background:#666;
		border-bottom:1px solid #fff;
	}
	#navbar
	{
		text-align:center;
	}
	#label-maain
	{
		margin-left:0px;
	}
	#col-forgraybox
	{
		margin-top:20px;
		margin-left:10px;
/*		margin-left:-35px;*/
	}
	#chartimg
	{
		width:200px;
	}
	#gray-box
	{
		height: 180px;
		margin-top: 10px;
	}
	#gray-box p
	{
		font-size:13px;
		margin-left:40px;
		margin-right:0px;
		text-align:left;
		padding-top:0px;
	}
	#sunimg
	{
		left:-15px;
		position:relative;
		top:40px;
	}
	#leftcontent-p
	{
		padding-left:0px;
		top:200px;
		position:relative;
	}
	#step-8
	{
		margin-top:20px;
	}
	#new-row
	{
		margin-top:20px;

	}
	#quix-box-row
	{
		margin-top:30px;
	}
	#quix-box-2row
	{
		margin-top:-10px;
	}
	#page-header2 h6
	{
		margin-left:0px !important;
		text-align:center;
		margin-top:103px;
		float:left;
		font-size:18px;
	}
	#whole-row-id
	{
		padding-left:0px;
		padding-right:0px;
		padding-top:30px;
		width:100%;
		padding-bottom:30px;
	}
	#chapter-name
	{
		margin-left:5px !important;
		font-size:18px;
		font-weight:400 !important;
		margin-bottom:0px;
	}
	.navbar-toggle
	{
		position:relative !important; 
	}
}
/*css for third page end here*/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) 
	{
		.newrowcls
		{
			margin-top:0px !important;
		}
		#idfor-search
		{
			width:400px;
			height:60px;
			margin-left:0px;
			margin-right:70px;
		}
		.hr-id
		{
			height: 1px;position:relative;
			/*width:900px;*/
		}
		#title-id
		{
			/*width:100px !important;*/
		}
		#right-content-nm
		{					
			white-space: nowrap;    		
		}
/*		#sub-panel1
		{
			height: auto!important;
		}*/
	
}
@media only screen and (min-device-width : 385px) and (max-device-width : 1003px) 
{
	#sub-panel1
	{
		height:120px;
	}
	#nv-menu
	{
		margin-top: 0px !important;
	}
}
@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-device-width: 1366px) 
and (min-device-width: 1024px) and (orientation: landscape)
{
.navbar-nav>li
{
	border:none;
}
.sign-up-nav
{
	border:none;
}
}
/*@media (orientation:landscape) and (min-device-height:1000px),
       all and (min-width:1000px) {
    #main-panel1
		{
			background-color:red !important;
		}
}*/

/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
/*@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) and (max-width: 1366px)
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	#main-panel1
		{
			background-color:green !important;
		}
		#idfor-search
		{
			width:400px;
			height:60px;
			margin-left:0px;
			margin-right:70px;
		}
		.hr-id
		{
			height: 1px;position:relative;
			width:900px;
		}
		#title-id
		{
			width:135px;
		}
		#right-content-nm
		{		
			width:130px;
			white-space: nowrap;
    		overflow: hidden;
    		text-overflow: ellipsis;
		}
		#sub-panel1
		{
			height: auto!important;
		}
		#main-panel1
		{
			background-color:#333 !important;
		}
}*/

/* Portrait */
/*@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
  	#main-panel1
		{
			background-color:yellow !important;
		}
}

 Landscape 
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
#main-panel1
		{
			background-color:white !important;
		}
}*/