@media screen and (min-width: 480px)
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
/*START GLOBAL STYLE*/
* {
  margin: 0;
  padding: 0;
}
h1{color: #203968; font-weight: bold;}
body {
     background-color: #1f3a69;
  padding-right: 0 !important;
} 
.header
{background-color:#1f3a69;}
.headerbg {
    margin-top:0px;
    width:100%;
    height: 111px;
    padding: 15px 0px 0px 0px;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold; 
    background: url(../images/upper_bg1.jpg) repeat-x;
}

.page{
	width:100%;
    height: 280px;
}

.tool-player{
	width:100%;
    height: 280px;
}

.jwplayer{
	width:100% !important;
    height: 280px !important;
}
#stream-tester-player-https.jwplayer{height:280px !important;}
#stream-tester {padding-left:0px; padding-right:0px;}
.topspace{ padding-top: 10px;}
.topspace2{ padding-top: 10%;}
.topbg{
	background-image: url(../images/white_ban1.jpg);
    background-repeat: repeat-x;
    padding: 4% 0%;      background-color: #fff;   
}
.footerbg{
	background-image: url(../images/footerbg.jpg);
    background-repeat: repeat-x;
    padding: 40px 0%;    
}
.footer
{background-color:#1f3a69;}

.footer p  { color: #FFFFFF; font-size: 12px;}
.footer p strong{ color: #FFFFFF; font-size: 12px; font-weight: bold;}
.footer1 p b a{ color: #33ccff; font-size: 14px; font-weight: bold;} .footer1 p b a:hover{ color:#fff; font-size: 14px; font-weight: bold;}
.footer1 p b{ color: #fff; font-size: 14px; font-weight: bold;}
.footerimg{   
	width: 100%;
       padding: 4% 0px;
    background-image: url(../images/lower_bg.gif); background-repeat: repeat-x;}


.playercode {
    width: 436px;
    border: solid #203968;
    border-width: 5px;
    margin-top:0px;
}

.playercode1 {
    width: 350px;
    height: 290px; 
    border: solid #203968;
    border-width: 5px;
    margin-top:0px;
}
.gyandharacode {
    height: 280px; 
    border: solid #203968;
    border-width: 5px;
    margin-top:0px;
}
.copy {  width: 100%;
border-top: 1px dotted #fff;    float: right; padding-top: 10px;padding-bottom: 10px;
       text-align: right;
    color: #ffffff;
    font-size: 12px;
}
.zerospace{padding: 0px;}
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .list-group {
  padding-left: 0;
  margin-top: 17%;
}
}
.tabletxt{ color:#fff; font-size:14px;} .tabletxt a{ color:#fff; font-size:14px;} .tabletxt a:hover{ color:#05A3D3; font-size:14px;}
 .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width:300px;  margin-top: 7px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	  border-top-right-radius: 5px;
    z-index: 1;  padding: 5px; border-bottom-left-radius:5px; border-bottom-right-radius: 5px;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: #f1f1f1}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

 
@media screen and (max-device-width: 480px) and (orientation: portrait){
.list-group {
  padding-left: 0;    margin-top:7%;
}
	.topbg{ padding: 4% 0%;}
}
@media screen and (max-device-width: 640px) and (orientation: landscape){
.list-group {
  padding-left: 0;    margin-top:7%;
}
	.topbg{ padding: 4% 0%;}
}

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

.list-group {
  padding-left: 0;    margin-top:7%;
}
	.topbg{ padding: 4% 0%;}
}

/* #### iPhone 4+ Portrait or Landscape #### */
@media screen and (min-device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
.list-group {
  padding-left: 0;    margin-top:7%;
}
	.topbg{ padding:60px 0px;}
}


/* #### iPhone 5 Portrait or Landscape #### */
@media (device-height: 568px) and (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2){
.list-group {
  padding-left: 0;    margin-top: 7%;
}
	.topbg{ padding:100px 0px 25px;}

}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
.list-group {  padding-left: 0;      margin-top: 79px;}
	.topbg{ padding:100px 0px 25px;}
}

@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
	.list-group {  padding-left: 0;      margin-top: 79px;} .dropdown-content { left:-100%;}
	.topbg{padding:100px 0px 25px;}
}

@media screen and (min-width: 1024px){
	.list-group {  padding-left: 0; margin-top: 90px;}
	.topbg{ padding:100px 0px 25px;} .dropdown-content { right:0;}
}