@charset "utf-8";
/* CSS Document */

@media (min-width: 1300px) {


}

@media (max-width: 1300px) {

}


@media (max-width: 1200px) {
.pointsframe{width:100% !important;}
#leftorright{
float:left!important;
}
#qeshares{
height:auto;
}
.breadcrumbshold{display:none;}

.tradingdetails{
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.statusdetails ul li h2{
width:25%;
}

.timingpallet{
background-image:none;
background-color:#2a6ebb;
}

#bgcolor{
background-color:#2a6ebb;
}
.exchangepart{
height:auto;
}

.rightholdtrading{
width:100%;
height:auto;
}

.homerighthold{
  margin: 0;
padding: 0;
width: 100%;
}
.tradingdetails ul li a img{
display:none;
}
.tradingpart{
float: right;
height:auto;
width:100%;
min-width:100%;
}

.maketindex ul li{
height:auto;
}
.exchangelist{
display:none;
}

.exchangepart{
min-width: 100%;
}

.announcementshold ul{
margin: 0 0 24px;
}

.announcementshold ul li a img{
display:none;
}



#leftorright{
width: 100% !important;

}

.mobilewriteup ul li{
width: 50%;
}



#widthstyle{
width: 100% !important;
}

.announcementshold ul li h2{
margin: 10px 10px 0 25px;
width: 77%;
}


.newshold{
width: 100%;
}

.newsmarkethold{
min-width:100%;
}

.announcementshold{
height: auto;
width:100%;
}

.newshold{
margin: -8px 0 0;
}



.sharerates{
margin: 0;
}

.menuhold{
min-width:100%;
}


.tophold{
width: 100%;
min-width:100%;
}


#wrapper{
width:96%;
}

.mobilemenutabs{
display:block;
    display: block;
    float: left;
    width: 100%;
	padding: 26px 0 0 43px;
	width: 92%;
}
.menutabs{
display:none;
}
  #ddmenu li.hide1 {display:none;}/*hide elements that is not needed in mobile */
    
    #ddmenu div.menu-icon  {
		width: 40px;
		height:16px;
		background: transparent url(../ddmenu/buttons.png) no-repeat center 2px;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
        margin-left:auto;
        margin-right:4px;
		padding-top: 27px;
		float: left;
	}
	
    #ddmenu div.menu-icon-active {

        border-radius:3px 3px 0 0;
    }
	
	/*override the original settings*/
	#ddmenu ul {
	   background: none repeat scroll 0 0 #002a5b;
    border: medium none;
    display: none;
    margin: 52px 0 0 -43px;
    width: 87%;
		
        
	}
	
    #ddmenu li {
		float: none!important;
        display:block;
        width:100%;
        font-size:20px;
        font-family: 'Open Sans',sans-serif;;
        text-align:left;
	    border-top: 1px solid #003679;
	    border-bottom: 1px solid black;
		font-weight:100;
    }
	
    #ddmenu a.arrow
    {
        background-image:url(../ddmenu/buttons.png);
        background-position:right -90px;
    }
    
    #ddmenu li.over a.arrow {
        background-color:#E1E5FF;
        background-position:right -160px;
    }

    #ddmenu a {
        display:block;
    }
    
	#ddmenu div.drop {
	    position:relative;
        border-top-color:transparent;
        border-radius:0;
       
	}
    
    #ddmenu div.drop, #ddmenu div.dropToLeft, #ddmenu div.dropToLeft2 {
        left:0px; right:auto;
    }
    
    /*turn each column to list vertically instead of horizontally */
    #ddmenu div.column {
        width:auto;
        float:none;
        padding:0;
    }
	
	.newsmarkethold{
	height: auto;
	}
	

		.newswrap{
	width: 98%;
	margin:0px!important;
	float:left!important;
	height: auto;
	 padding: 0 0 10px;
	
	border-bottom: 1px solid #2b6ebc;
	}
	.newswrap ul li h2{
	line-height: 12px;
	min-height: 20px;
	}
	
	.threenews{
    height: auto;
    margin: 0;
    padding: 0 0 0 20px;
	width: 92%;
	}
	
	.footerhold{
	min-width:100%;
	}
	
	.copyhold{
	text-align: center;
    width: 100%;
	}
	
	
	.copyhold{
	text-align: center;
    width: 100%;
	}
	.copyhold ul li{
	text-align: right;
	color:#fff;
	}
	
	.copyhold ul li a{
	color:#fff;
	}
	
	.footercontent{
	  float: left;
    margin: 0;
    padding: 0 0 0 22px;
    width: 100%;
	height:auto;
	}
	
	
	.mailinglist{
	margin:0px;
	}
	
	
	
	.footerhold{
	height:auto;
	width:92%;
	}
	
	.footercontent{
	width:92%;
	}
	
	
	.mobilewriteup{
	display:block;
	}
	
	#timerclock{
	display:none;
	}
	
	
	.timinglist ul li{
	width: 94% !important
	}
	.timinglist{
	width: 94%;
	}
	.timingpallet{
	width: 100%;
	border-bottom: 1px solid #fff;
	}
	
	
	.timinglist ul li h1{
	font-size: 16px;
	}
	
	.timinglist ul li h2{
	font-size: 16px;
	}
	
	.timinglist ul li h3{
	font-size: 16px;
	}
	
	.timingpallet ul li h1{
	font-size: 14px;
	}

.headerimg{
min-width: 96%;
}


.bannerhold{
min-width: 100%;
}
 
 
 
.homerighthold_sub{
display:none;
}

.bannerhold_sub{
min-width: 100%;
}

.newsmarkethold_sub{
min-width: 100%;
}

.newshold_sub{
width:100%;
}

.submenustylecontent{
width:100%;
height:auto;
}

.submenustyle{
height:auto;
}

.breadcrumbshold1{
height:auto;
}
.enquiryhold{width:100% !important;}
   .markstatusindex{float:left !important; width:100% !important;}
 .mobileimages{display:block;}
 #marketalign{float:left !important; width:100% !important;}
#timeimg{display:none;}
#shareiconalign{float:left ;}
.tradingpartexchange{
float: right;
height:auto;
width:100%;
min-width:100%;
}
}


@media (max-width: 1100px) {

  .mobileimages ul li{padding: 31px 0 12px;}

}



@media (max-width: 1017px) {

}



@media  (max-width: 1028px)  {


}

@media(max-width: 1000px)  
{


}



@media screen and (-webkit-min-device-pixel-ratio: 3)  {


}



@media(max-width: 850px)  {
   .mobileimages ul li {width:100% !important;}
.mobileimages ul li a img{width:90% !important;}
}



@media (max-width: 700px)  
{
    
    .mobileimages ul li {width:100% !important;}
.mobileimages ul li a img{width:90% !important;}
    .mobileimages{display:block;}
    .markstatusindex{float:left !important; width:100%;}


.bannerhold_sub{
background-position: 30%
}

.serright{
width:100%;
}

.servicepoint ul{
margin:0px;
}
.serright ul li h2{
width:100%;
}

.servicepoint{
width:90%;
}

.serright ul li h3{
width:100%;
}

#breadcrumbalign{
float:left!important;
}

.statusdetails ul li h1{
font-size: 2.5em;
}

#leftorright{
float:left!important;
}
#qeshares{
height:auto;
}

.tradingdetails{
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}

.statusdetails ul li h2{
width:25%;
}

.timingpallet{
background-image:none;
background-color:#2a6ebb;
}

#bgcolor{
background-color:#2a6ebb;
}
.exchangepart{
height:auto;
}

.rightholdtrading{
width:100%;
height:auto;
}

.homerighthold{
  margin: 0;
padding: 0;
width: 100%;
}
.tradingdetails ul li a img{
display:none;
}
.tradingpart{
float: right;
height:auto;
width:100%;
min-width:100%;
}
.tradingpartexchange{
float: right;
height:auto;
width:100%;
min-width:100%;
}
.maketindex ul li{
height:auto;
}
.exchangelist{
display:none;
}

.exchangepart{
min-width: 100%;
}

.announcementshold ul{
margin: 0 0 24px;
}

.announcementshold ul li a img{
display:none;
}

.mobilebanner{
display:block;
float:left;
}



.announcementshold ul li h2{
margin: 10px 10px 0 25px;
width: 77%;
}


.newshold{
width: 100%;
}

.newsmarkethold{
min-width:100%;
}

.announcementshold{
height: auto;
width:100%;
}

.newshold{
margin: -8px 0 0;
}

.bannerhold{
display:none;
}

.sharerates{
margin: 0;
}

.menuhold{
min-width:100%;
}


.tophold{
width: 100%;
min-width:100%;
}


#wrapper{
width:94%;
}

.mobilemenutabs{
display:block;
    display: block;
    float: left;
    width: 100%;
	padding: 26px 0 0 43px;
	width: 89%;
}
.menutabs{
display:none;
}
  #ddmenu li.hide1 {display:none;}/*hide elements that is not needed in mobile */
    
    #ddmenu div.menu-icon  {
		width: 40px;
		height:16px;
		background: transparent url(../ddmenu/buttons.png) no-repeat center 2px;
		display: block; /*or inline-block*/
		cursor: pointer;
		-moz-user-select:none;		
        -webkit-user-select: none;
         
        /*align the icon to the right*/
        margin-left:auto;
        margin-right:4px;
		padding-top: 27px;
		float: left;
	}
	
    #ddmenu div.menu-icon-active {

        border-radius:3px 3px 0 0;
    }
	
	/*override the original settings*/
	#ddmenu ul {
	   background: none repeat scroll 0 0 #002a5b;
    border: medium none;
    display: none;
    margin: 52px 0 0 -43px;
    width: 87%;
		
        
	}
	
    #ddmenu li {
		float: none!important;
        display:block;
        width:100%;
        font-size:20px;
        font-family: 'Open Sans',sans-serif;;
        text-align:left;
	    border-top: 1px solid #003679;
	    border-bottom: 1px solid black;
		font-weight:100;
    }
	
    #ddmenu a.arrow
    {
        background-image:url(../ddmenu/buttons.png);
        background-position:right -90px;
    }
    
    #ddmenu li.over a.arrow {
        background-color:#E1E5FF;
        background-position:right -160px;
    }

    #ddmenu a {
        display:block;
    }
    
	#ddmenu div.drop {
	    position:relative;
        border-top-color:transparent;
        border-radius:0;
       
	}
    
    #ddmenu div.drop, #ddmenu div.dropToLeft, #ddmenu div.dropToLeft2 {
        left:0px; right:auto;
    }
    
    /*turn each column to list vertically instead of horizontally */
    #ddmenu div.column {
        width:auto;
        float:none;
        padding:0;
    }
	
	.newsmarkethold{
	height: auto;
	}
	.newswrap{
	width: 98%;
	margin:0px!important;
	float:left!important;
	height: auto;
	 padding: 0 0 10px;
	}
	.newswrap ul li h2{
	line-height: 12px;
	min-height: 20px;
	}
	
	.threenews{
    height: auto;
    margin: 0;
    padding: 0 0 0 20px;
	width: 92%;
	}
	
	.footerhold{
	min-width:100%;
	}
	
	.copyhold{
	text-align: center;
    width: 100%;
	}
	
	
	.copyhold{
	text-align: center;
    width: 100%;
	}
	.copyhold ul li{
	text-align: right;
	color:#fff;
	}
	
	.copyhold ul li a{
	color:#fff;
	}
	
	.footercontent{
	  float: left;
    margin: 0;
    padding: 0 0 0 22px;
    width: 100%;
	height:auto;
	}
	
	
	.mailinglist{
	margin:0px;
	}
	
	
	
	.footerhold{
	height:auto;
	width:92%;
	}
	
	.footercontent{
	width:92%;
	}
	
	
	.mobilewriteup{
	display:block;
	}
	
	#timerclock{
	display:none;
	}
	
	
	.timinglist ul li{
	width: 94% !important
	}
	.timinglist{
	width: 94%;
	}
	.timingpallet{
	width: 100%;
	}
	
	
	.timinglist ul li h1{
	font-size: 2em;
	}
	
	.timinglist ul li h2{
	font-size: 2em;
	}
	
	.timinglist ul li h3{
	font-size: 2em;
	}
	
	.timingpallet ul li h1{
	font-size: 1.5em;
	}
	
	.mobilewriteup ul li{
	width:100%;
	}
}



@media (max-width: 500px)  {

.tophold{
background-color: #2a6ebb;
background-image:none;
height: auto;
}

.mobilemenutabs{
padding: 26px 0 0 12px;
}


.timingpallet{

}

.breadcrumbshold1 ul li{
height: auto;
width: 100% !important;

}


.breadcrumbshold1 ul li h1{
padding: 0 8px 0 10px;
}

.breadcrumbshold1 ul li{
border-top: 1px solid #2b6ebc;
margin:0px;
padding:8px;
}
}