@media (min-width: 1400px) { }
@media (min-width: 1300px) { }

 



 
@media screen and (min-width:1200px) and (max-width:1299px){ 
	 
}

@media screen and (min-width:600px) and (max-width:650px){ 
    
    .coursebox1 {width: 100px;height: 100px;top: 38%;left:20%;}
    .coursebox2 {width:20px;height: 22px;top: 45.4%;left: 38.5%;}
    .coursebox3 {width: 30px;height:30px; top: 45.6%;left: 43%;}
    .coursebox4 {width:20px;height: 21px;top: 41.9%;left: 46%;}
    .coursebox5 {width:30px;height:29px; top: 45.9%; left: 55.5%;}
    .coursebox6 {width:30px;height:28px;top: 37.6%;left: 61%;}
    .coursebox7 {width:45px;height:23px;top:41%;left: 73.2%;}
    .coursebox8 {width:45px;height:25px;top:58.2%;left: 51.2%;}
    .coursebox9 {width:20px;height:19px;top:31.9%;left: 87.8%;}
    .coursebox10 {width:20px;height:20px;top: 56%;left: 82%;}
    
}

@media screen and (min-width:651px) and (max-width:699px){ 
    
    .coursebox1 {width: 100px;height: 100px;top: 38%;left:20%;}
    .coursebox2 {width:20px;height: 22px;top: 45.4%;left: 38.5%;}
    .coursebox3 {width: 30px;height:30px; top: 45.6%;left: 43%;}
    .coursebox4 {width:20px;height: 21px;top:35.9%;left: 46%;}
    .coursebox5 {width:30px;height:29px; top: 45.9%; left: 55.5%;}
    .coursebox6 {width:30px;height:28px;top: 29.6%;left: 61%;}
    .coursebox7 {width:45px;height:23px;top:37%;left: 74.2%;}
    .coursebox8 {width:45px;height:25px;top:61.2%;left: 51.2%;}
    .coursebox9 {width:20px;height:19px;top:16.9%;left: 88.8%;}
    .coursebox10 {width:20px;height:20px;top: 62%;left: 82%;}
    
}


@media screen and (min-width:500px) and (max-width:599px){ 
    
      .coursebox1 {width:70px;height:70px;top:43%;left:23%;}
    .coursebox2 {width:20px;height: 22px;top: 45.4%;left: 38.5%;}
    .coursebox3 {width:25px;height:25px; top: 47.6%;left: 43%;}
    .coursebox4 {width:20px;height: 21px;top: 35.9%;left: 46%;}
    .coursebox5 {width:30px;height:29px; top: 45.9%; left: 55.5%;}
    .coursebox6 {width:30px;height:28px;top: 28.6%;left: 61%;}
    .coursebox7 {width:45px;height:23px;top:38%;left: 73.2%;}
    .coursebox8 {width:45px;height:25px;top:65.2%;left: 51.2%;}
    .coursebox9 {width:20px;height:19px;top:15.9%;left: 87.8%;}
    .coursebox10 {width:20px;height:20px;top: 61%;left: 82%;}
    
}


@media screen and (min-width:400px) and (max-width:499px){ 
    
    .coursebox1 {width:50px;height:50px;top:45%;left:23%;}
    .coursebox2 {width:15px;height:15px;top:47.4%;left: 38.5%;}
    .coursebox3 {width:16px;height:16px; top: 48.6%;left: 43%;}
    .coursebox4 {width:15px;height:16px;top: 44.9%;left: 46%;}
    .coursebox5 {width:30px;height:29px; top: 45.9%; left: 55.5%;}
    .coursebox6 {width:30px;height:28px;top:41.6%;left: 61%;}
    .coursebox7 {width:45px;height:23px;top:45%;left: 71.2%;}
    .coursebox8 {width:35px;height:20px;top:55.2%;left:53.2%;}
    .coursebox9 {width:20px;height:19px;top:37.9%;left: 87.8%;}
    .coursebox10 {width:20px;height:20px;top: 53%;left: 82%;}
    
}



@media screen and (min-width:751px) and (max-width:800px){ 
    
    .coursebox1 {width: 160px;height: 160px;top: 33%;left: 16%;}
    .coursebox2 {width:25px;height: 27px;top: 45.4%;left: 38.5%;}
    .coursebox3 {width: 35px;height:35px; top: 45.6%;left: 43%;}
    .coursebox4 {width:25px;height: 26px;top: 39.9%;left: 46%;}
    .coursebox5 {width:35px;height:34px; top: 45.9%; left: 55.5%;}
    .coursebox6 {width:60px;height:56px;top: 33.6%;left: 61%;}
    .coursebox7 {width:65px;height:33px;top:41%;left: 73.2%;}
    .coursebox8 {width:65px;height:35px;top:59.2%;left: 51.2%;}
    .coursebox9 {width:28px;height:27px;top:26.9%;left: 87.8%;}
    .coursebox10 {width:30px;height: 30px;top: 57%;left: 82%;}
    
}


@media screen and (min-width:700px) and (max-width:750px){ 
    
    .coursebox1 {width: 160px;height: 160px;top: 33%;left: 16%;}
    .coursebox2 {width:25px;height: 27px;top: 45.4%;left: 38.5%;}
    .coursebox3 {width: 35px;height:35px; top: 45.6%;left: 43%;}
    .coursebox4 {width:25px;height: 26px;top: 35.9%;left: 46%;}
    .coursebox5 {width:35px;height:34px; top: 45.9%; left: 55.5%;}
    .coursebox6 {width:60px;height:56px;top: 24.6%;left: 59%;}
    .coursebox7 {width:65px;height:33px;top:38%;left: 73.2%;}
    .coursebox8 {width:65px;height:35px;top:63.8%;left: 51.2%;}
    .coursebox9 {width:28px;height:27px;top: 14.9%;left: 87.8%;}
    .coursebox10 {width:30px;height: 30px;top: 60%;left: 82%;}
    .wrapper { min-height: 491px !important;}
}



@media screen and (min-width:800px) and (max-width:899px){ 
    
    .coursebox1 {width: 160px;height: 160px;top: 33%;left: 16%;}
    .coursebox2 {width:25px;height: 27px;top: 45.4%;left: 38.5%;}
    .coursebox3 {width: 35px;height:35px; top: 45.6%;left: 43%;}
    .coursebox4 {width:25px;height: 26px;top: 39.9%;left: 46%;}
    .coursebox5 {width:35px;height:34px; top: 45.9%; left: 55.5%;}
    .coursebox6 {width:60px;height:56px;top: 33.6%;left: 61%;}
    .coursebox7 {width:65px;height:33px;top:41%;left: 73.2%;}
    .coursebox8 {width:65px;height:35px;top:59.2%;left: 51.2%;}
    .coursebox9 {width:28px;height:27px;top: 24.9%;left: 87.8%;}
    .coursebox10 {width:30px;height: 30px;top: 57%;left: 82%;}
    
}



@media screen and (min-width:900px) and (max-width:990px){ 
    
    .coursebox1 {width: 200px;height: 200px;top: 31%;left: 14%;}
    .coursebox2 {width: 30px;height: 32px;top: 44.4%;left: 38.5%;}
    .coursebox3 {width: 45px;height: 45px; top: 44.4%;left: 43%;}
    .coursebox4 {width: 32px;height: 33px;top: 38.9%;left: 46%;}
    .coursebox5 {width:50px;height:49px; top: 45.9%; left: 54.5%;}
    .coursebox6 {width: 75px;height:72px;top: 32.2%;left: 61%;}
    .coursebox7 {width: 100px;height: 51px;top: 38%;left: 72.2%;}
    .coursebox8 {width: 100px;height: 54px;top: 60.2%;left: 49.7%;}
    .coursebox9 {width: 38px;height: 37px;top: 21.9%;left: 87.8%;}
    .coursebox10 {width: 40px;height: 40px;top: 57%;left: 82%;}
    
}



@media screen and (min-width:991px) and (max-width:1050px){ 
    
    .coursebox1 {width: 200px;height: 200px;top: 32%;left: 14%;}
    .coursebox2 {width: 30px;height: 32px;top: 44.4%;left: 38.5%;}
    .coursebox3 {width: 45px;height: 45px; top: 44.4%;left: 43%;}
    .coursebox4 {width: 32px;height: 33px;top: 36.9%;left: 46%;}
    .coursebox5 {width:50px;height:49px; top: 45.9%; left: 54.5%;}
    .coursebox6 {width: 75px;height:72px;top: 26.2%;left: 61%;}
    .coursebox7 {width: 100px;height: 51px;top: 36%;left: 72.2%;}
    .coursebox8 {width: 100px;height: 54px;top: 63.2%;left: 49.7%;}
    .coursebox9 {width: 38px;height: 37px;top: 17.9%;left: 87.8%;}
    .coursebox10 {width: 40px;height: 40px;top: 59%;left: 82%;}
     .sun-tl{  left:18.2%; top:42%; line-height:26px;  font-size:16px; font-weight: 900;}
    
}
@media screen and (min-width:1051px) and (max-width:1100px){ 
    
    .coursebox1 {width: 200px;height: 200px;top: 30%;left: 16%;}
    .coursebox2 {width: 30px;height: 32px;top: 44.4%;left: 38.5%;}
    .coursebox3 {width: 45px;height: 45px; top: 44.4%;left: 43%;}
    .coursebox4 {width: 32px;height: 33px;top: 36.9%;left: 46%;}
    .coursebox5 {width:50px;height:49px; top: 45.9%; left: 54.5%;}
    .coursebox6 {width: 75px;height:72px;top: 27.5%;left: 61%;}
    .coursebox7 {width: 100px;height: 51px;top: 36%;left: 72.9%;}
    .coursebox8 {width: 100px;height: 54px;top: 63.9%;left: 49.7%;}
    .coursebox9 {width: 38px;height: 37px;top: 15.9%;left: 87.8%;}
    .coursebox10 {width: 40px;height: 40px;top: 60%;left: 82%;}
    .sun-tl{  left:20%; top:40%; line-height:26px;  font-size:16px; font-weight: 900;}
    
}

@media screen and (min-width:1101px) and (max-width:1150px){ 
    
    .coursebox1 {width: 200px;height: 200px;top: 30%;left:18%;}
    .coursebox2 {width: 30px;height: 32px;top: 43.4%;left: 39%;}
    .coursebox3 {width: 45px;height: 45px; top: 45%;left: 43.5%;}
    .coursebox4 {width: 32px;height: 33px;top: 35.5%;left: 46%;}
    .coursebox5 {width:50px;height:49px; top: 45.9%; left: 54.5%;}
    .coursebox6 {width: 75px;height:72px;top: 25.5%;left: 60%;}
    .coursebox7 {width: 100px;height: 51px;top: 36%;left: 72.9%;}
    .coursebox8 {width: 100px;height: 54px;top: 64.9%;left: 50.7%;}
    .coursebox9 {width: 38px;height: 37px;top: 13.9%;left: 88.8%;}
    .coursebox10 {width: 40px;height: 40px;top: 61.8%;left: 81.8%;}
    .sun-tl{  left:21.5%; top:39%; line-height: 30px;  font-size:16px; font-weight: 900;}
    
}

@media screen and (min-width:1151px) and (max-width:1200px){ 
    
    .coursebox1 {width: 220px;height: 220px;top: 30%;left:18%;}
    .coursebox2 {width: 30px;height: 32px;top: 43.4%;left: 39%;}
    .coursebox3 {width: 45px;height: 45px; top: 45%;left: 43.5%;}
    .coursebox4 {width: 32px;height: 33px;top: 35.5%;left: 46%;}
    .coursebox5 {width:50px;height:49px; top: 45.9%; left: 54.5%;}
    .coursebox6 {width: 75px;height:72px;top: 25.5%;left: 60%;}
    .coursebox7 {width: 100px;height: 51px;top: 36%;left: 72.9%;}
    .coursebox8 {width: 100px;height: 54px;top: 64.9%;left: 50.7%;}
    .coursebox9 {width: 38px;height: 37px;top: 13.9%;left: 88.8%;}
    .coursebox10 {width: 40px;height: 40px;top: 61.8%;left: 81.8%;}
    .sun-tl{  left:21.8%; top: 40%; line-height: 30px;  font-size:18px; font-weight: 900;}
    
}


@media screen and (min-width:1201px) and (max-width:1280px){ 
    
    .coursebox1 {width: 220px;height: 220px;top: 30%;left:18%;}
    .coursebox2 {width: 30px;height: 32px;top: 43.4%;left: 39%;}
    .coursebox3 {width: 45px;height: 45px; top: 45%;left: 43.5%;}
    .coursebox4 {width: 32px;height: 33px;top: 35.5%;left: 46%;}
    .coursebox5 {width:50px;height:49px; top: 45.9%; left: 54.5%;}
    .coursebox6 {width: 75px;height:72px;top: 25.5%;left: 60%;}
    .coursebox7 {width: 100px;height: 51px;top: 36%;left: 72.9%;}
    .coursebox8 {width: 100px;height: 54px;top: 64.9%;left: 50.7%;}
    .coursebox9 {width: 38px;height: 37px;top: 13.9%;left: 88.8%;}
    .coursebox10 {width: 40px;height: 40px;top: 61.8%;left: 81.8%;}
    .sun-tl{  left:21.7%; top: 41%; line-height: 30px;  font-size:18px; font-weight: 900;}
}




@media screen and (min-width:300px) and (max-width:991px){ 
	
}
@media screen and (min-width:768px) and (max-width:991px){ 
    
    .tooltip-inner h2{ font-size: 15px;}
    .tooltip-inner {font-size: 14px;   }
   
	
		
}
@media screen and (max-width:767px){ 
	 
    .footer-div{text-align: center;}
    .footer-div p{margin-bottom: 5px;}
    .footer-div ul{padding-bottom: 7px}
    .tooltip-inner h2{ font-size: 14px;}
    .tooltip-inner {font-size: 13px;   }
  .footer {    position: relative; bottom: 80px;}
.galaxy-main {
    top: -72px; 
}
	
}
@media screen and (min-width:578px) and (max-width:767px){ 
    .galaxy-main {  top: -20px;  }
/*
    .wrapper { min-height: 570px;}
    .galaxy-main {height: 500px;}
*/
    
 
    .wrapper {/*460*/ height: 460px;   min-height: 100vh; }
    .galaxy-main {height:300px;max-height:200px;} 
	
	 
}


@media screen and (min-width:320px) and (max-width:577px){  
	
    
    
    .galaxy-main { }
    
         .wrapper { min-height:370px;}
    .galaxy-main {height:300px;}
    .profile-div-right{float: left; margin-top: 15px;}
/*
    .wrapper { min-height: 570px;}
    .galaxy-main {height: 500px;}
    
*/
    
    
    
} 




@media screen and (min-width:991px) and (max-width:1960px){ 	
	
    #pleaserotate-backdrop{display: none !important;}
    
    
}






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

    .logo img{max-width: 100px;}
    
    
    
}

@media screen and (min-width:767px) and (max-width:991px){ 
.footer {    position: relative; bottom: 80px;}
    
}




@media screen and (min-width:300px) and (max-width:399px){ 
    
    .coursebox1 {width:70px;height:70px;top:43%;left:12%;}
    .coursebox2 {width:18px;height:18px;top:44.4%;left: 35.5%;}
    .coursebox3 {width:20px;height:20px; top: 48%;left:43%;}
    .coursebox4 {width:20px;height:20px;top:40.5%;left:44%;}
    .coursebox5 {width:30px;height:28px; top: 47%; left:51.5%;}
    .coursebox6 {width:30px;height:28px;top:37%;left:58%;}
    .coursebox7 {width:55px;height:29px;top:41%;left:66.2%;}
    .coursebox8 {width:40px;height:23px;top:59.2%;left:49.2%;}
    .coursebox9 {width:26px;height:25px;top:28%;left:81.8%;}
    .coursebox10 {width:25px;height:25px;top:56.2%;left:77.7%;}
    
    .logo img {
    max-width: 170px;
}
    
    .galaxy-main {      overflow: hidden;
    background: url(../images/boder-line.png) center center no-repeat;
    min-height: 100vh;
    width: 98%;
    background-size: 100% 57%;
    position: relative;
    top: -70px;
    z-index: 9999999;
    overflow: hidden;}
    
     .galaxy-main {     top: -80px;}
    
    .wrapper { min-height:370px;}
    .galaxy-main {height:300px;}
    .profile-div-right{float: left; margin-top: 15px;}
    
     .footer-div{text-align: center;}
    .footer-div p{margin-bottom: 5px;}
    .footer-div ul{padding-bottom: 7px}
    .tooltip-inner h2{ font-size: 14px;}
    .tooltip-inner {font-size: 13px;   }
  .footer {    position: relative; bottom:180px;}
    .tooltip.fade.bs-tooltip-top.show{width: 90% !important; margin-left: 0%;}
    .tooltip-inner{min-width: 100% !important;}
    .profile-div-left img {
    float: left;
    max-width: 180px;
}
    
    .wrapper {
    min-height: 106vh !important;
}
    
}

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

    .sun-tl{display: none;}
    
}



/*

@media screen and (min-width:0px) and (max-width:350px){ 
    
    .coursebox1 {width:50px;height:50px;top:45%;left:5%;}
    .coursebox2 {width:18px;height:18px;top:47.7%;left:20.5%;}
    .coursebox3 {width:18px;height:18px; top: 48.6%;left:26%;}
    .coursebox4 {width:18px;height:17px;top: 44.4%;left:28%;}
    .coursebox5 {width:25px;height:26px; top: 47%; left:37%;}
    .coursebox6 {width:30px;height:27px;top:42.5%;left:43.5%;}
    .coursebox7 {width:50px;height:26px;top:45%;left:51.2%;}
    .coursebox8 {width:45px;height:24px;top:54%;left:33.2%;}
    .coursebox9 {width:25px;height:24px;top:38%;left:65.8%;}
    .coursebox10 {width:23px;height:23px;top:53%;left:60%;}
    
    .logo img {
    max-width: 170px;
}
    
    .galaxy-main {    overflow: hidden;       background: url(../images/boder-line.png) -60px center no-repeat;
    min-height: 100vh;
    width: 115%;
    background-size: 100% auto;   position: relative;    top: -70px;    z-index: 9999999;    overflow: hidden;}
    
     .galaxy-main {     top: -80px;}
    
    .wrapper { min-height:370px;}
    .galaxy-main {height:300px;}
    .profile-div-right{float: left; margin-top: 15px;}
    
     .footer-div{text-align: center;}
    .footer-div p{margin-bottom: 5px;}
    .footer-div ul{padding-bottom: 7px}
    .tooltip-inner h2{ font-size: 14px;}
    .tooltip-inner {font-size: 13px;   }
  .footer {    position: relative; bottom:180px;}
    .tooltip.fade.bs-tooltip-top.show{width: 90% !important; margin-left: 0%;}
    .tooltip-inner{min-width: 100% !important;}
    .profile-div-left img {
    float: left;
    max-width: 180px;
}
    
    .wrapper {
    min-height: 106vh !important;
}
    
}*/