@media only screen and ( min-width: 350px) and ( max-width:767px ) {
.home .sec_heading31 {
    display: flex;
    margin-bottom: 0px;
    align-content: center;
    align-items: center;
    min-height: 50px;
}
	
.home .sec_heading31 h3:after { display:none;}
.home .sec_heading31 h3 {
    position: relative;
    background-color: #00031c;
}
	
.home .sec_heading31{
	background-image: url(https://polsa.gov.pl/wp-content/uploads/2023/07/line_new.png);
	background-repeat: repeat-x;
	background-position: center center;
}
	
.organise{ margin-bottom:35px; 	
border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #202337;
	padding-bottom:30px;}
.top_all {
    height: 80px;
}
.all_inner_banner_text {
    left: 30px;
}

.all_inner_pages {
    padding-top: 30px;
    padding-bottom: 30px;
}
.mob_menu_bot_left {
    text-align: center;
    width: 100%;
	justify-content: center;
}

.mob_menu_bot_right {
    text-align: center;
    width: 100%;
	justify-content: center;
}
.mob_menu_bot_left svg {
    margin-left: 18px;
    margin-right: 18px;
}
.activity_box {
margin-bottom:30px;}

.area_text {
    width: 100%;
    margin-top: 50px;
}
.event h3{ font-size:1.25rem; line-height:1.688rem; letter-spacing:0.441rem;}
.new_event h3{ font-size:1.25rem; line-height:1.688rem; letter-spacing:0.441rem;}	

.in_space h3{ font-size:1.25rem; line-height:1.688rem; letter-spacing:0.441rem;}

.project h3{ font-size:1.25rem; line-height:1.688rem; letter-spacing:0.441rem; }
.news_box_img img {
    height: 175px!important;
    object-fit: cover;
}
.activity1{ width:90%; flex-direction: row; margin-left:auto; margin-right:auto; align-items: flex-start}
.activity_box{ text-align: left;  display: flex;}
.activity_text{
margin-left: 50px;
padding-top: 28px;
 display: flex;
}
.area_text {
    width: 100%!important;
    margin-top: 50px!important; text-align:center;
}

.activity_img_act {
margin-left: 0;
 margin-right: 0;
}

.activity_img {
margin-left: 0;
 margin-right: 0;
}
.event_box{
margin-bottom:30px;
}
.no_sm{ display:none;}
.space_text {
    margin-left: 10px;
}

.menu_right  {float: right;
    margin-right: 20px;}
.logo{ width:150px!important; }	
.space_btn {
    float: left; 
    margin-top: 40px;
}

.space_security_left {
    padding-right: 0px;
	margin-bottom:30px;
}

.space_security_left1 {
	margin-bottom:30px; padding-right:0px;
}
.space_security_box{ padding:40px;}
.space_security_right {
    margin-left: 20px;
}
.space_security_img{margin-left:0px; margin-bottom:30px;}
.download_sec .pdf_btn {
    width:100%;
}
.pdf_btn_460{ width:100%;}

.pdf_btn_520{width:100%;}

.education_btn{ 
width:100%!important; 
}
.education_btn1{ 
width:100%!important; 
}
.represent_box {
padding:40px;
}
.space_security_box { margin-left:0px;}
.all_tables{overflow-x:auto;}
}

@media only screen and ( min-width: 768px) and ( max-width:991px ) {
.activity_area H3:after {
    width: 48%!important;
	right:0px;
}	
.futurer_left1 {
    padding-right: 0px;
}
.event_details_new {
   display: inline-flex!important; 
}
.download_sec .pdf_btn {
    width:100%;
}
.pdf_btn_460{ width:100%;}

.pdf_btn_520{width:100%;}

.education_btn{ 
width:100%!important; 
}
.education_btn1{ 
width:100%!important; 
}
.represent_box {
padding:40px;
}
.space_security_left1 {
    padding-right: 0px;
	margin-top:30px;
}
.space_security_left {
    padding-right: 0px;
	margin-top:30px;
}
.all_right_img{flex-direction: column-reverse;
  justify-content: flex-end;}
  
.sec_heading_btn{ float:left; margin-left: 18px;}
.btn_event {width:100%!important;}
.space_btn {
    float: left; 
    margin-top: 40px;
}
.event_details {
	display: flex;
}
.mob_menu_bot_left {
    text-align: center;
    width: 100%;
}

.mob_menu_bot_right {
    text-align: center;
    width: 100%;
}
.mob_menu_bot_left svg {
    margin-left: 18px;
    margin-right: 18px;
}
.activity_box {
margin-bottom:30px;}

.area_text {
    width: 100%;
    margin-top: 50px;
}
.event h3{ font-size:1.25rem; line-height:1.688rem; letter-spacing:0.441rem;}
.new_event h3{ font-size:1.25rem; line-height:1.688rem; letter-spacing:0.441rem;}	

.in_space h3{ font-size:1.25rem; line-height:1.688rem; letter-spacing:0.441rem;}

.project h3{ font-size:1.25rem; line-height:1.688rem; letter-spacing:0.441rem; }
.news_box_img img {
    height: 125px!important;
    object-fit: cover;
}
.area_text {
    width: 100%!important;
    margin-top: 50px!important; text-align:center;
}

.activity_img_act {
margin-left: 0;
 margin-right: 0;
}

.activity_img {
margin-left: 0;
 margin-right: 0;
}
.event_box{
margin-bottom:30px;
}
.no_sm{ display:none;}
.space_text {
    margin-left: 10px;
}

.menu_right  {float: right;
    margin-right: 20px;  margin-top: -15px;}
.logo{ width:150px!important; }	

.carousel-caption { width:80%; top:-730px;}
.carousel-inner {height:830px;}
.carousel-item {
 height:830px;
}
}


@media only screen and (max-width: 1199px) {
.activity_area {
    background-image: none;
}
	
.project{
    background-image: none;
}

.new_bg{
    background-image: none;
}
	
	
.download_sec .pdf_btn {
    width:100%;
}
.mob_menu_bot_left {
     width: 50%;
    display: flex; margin-top:20px;
}
	
.mob_menu_bot_right {
     width: 50%;
    display: flex;
}	
	
.mainmenu .mob_menu_bot_left a{ border: none; margin-left:0px; margin-right:0px; padding-left:0px; padding-right:0px; margin-top:10px;}
.mob_menu_bot_right .footer_social a {
    border: none;
}	
	
.education_btn{ 
width:100%!important; 
}
.education_btn1{ 
width:100%!important; 
}

.space_security_left {
    padding-top: 20px;
    padding-right: 58px;
}

.space_security_left{ margin-bottom:30px;}

.all_inner_banner{ height:180px; position:relative;}
.all_inner_banner img{object-fit: cover;  height:180px; width:100%;}
.all_inner_banner_text{ font-size:1.70rem; letter-spacing:0.60rem; line-height: 1.9rem; left: 30px;}
	
.all_inner_banner_text1{ font-size:1.875rem; letter-spacing:0.849rem; top:70px;}

.large{top:40px;}


.multi_left_img{ margin-bottom:40px;}
.top_right {
    margin-top: 10px;
}
.darkHeader .top_right {
    margin-top: 10px!important;
}	

.has-search .form-control {
 width:118px;
}
.no_pad {
padding-left:15px; padding-right:15px;
}
.area_text {
    text-align: left;
    color: #FFFFFF;
    width: 80%;
    margin-top: 110px;
    font-size: 1.125rem;
    line-height: 2rem;
	    margin-left: 0px;
    margin-right: auto;
}
.bot_line{ margin-bottom:40px;}

.no_mar{ margin-right: -15px;
    margin-left: -15px;}

.news_box_img img {
    height: 140px;
    object-fit: cover;
}

}

@media only screen and ( min-width: 992px) and ( max-width:1023px ) {
.carousel-caption { width:80%; top:-730px;}
.carousel-inner {height:830px;}
.carousel-item {
 height:830px;
}

}

@media only screen and ( min-width: 1024px) and ( max-width:1100px ) {
.carousel-caption { width:80%; top:-730px;}
.carousel-inner {height:830px;}
.carousel-item {
 height:830px;
}
.top_all {
    height: 80px;
}	

}
@media only screen and ( min-width: 1101px) and ( max-width:1199px ) {
.carousel-caption { width:100%; top:-730px;}
.carousel-inner {height:830px;}
.carousel-item {
 height:830px;
}
}

@media only screen and ( min-width: 576px) and ( max-width:767px ) {
.career_box{width:80%; }	
.carousel-caption { width:100%; top:-850px;}
.carousel-inner {height:950px;}
.carousel-item {
 height:950px;
}
.banner_news_title{font-size:1.563rem; color:#ffff; line-height:2.125rem;}
}


@media only screen and ( min-width: 350px) and ( max-width:575px ) {
.in_space {
    padding-bottom: 50px!important;
}	
.activity_area {
    padding-bottom: 100px!important;
}
	
.event {
    margin-top: -100px;
}
	
.new_bg {
    background-size: 1000px auto!important;
}		
.career_box{width:100%; }	
.carousel-caption { width:100%; top:-850px;}
.banner_news_title{font-size:1.563rem; color:#ffff; line-height:2.125rem;}
.carousel-inner {height:950px;}
.carousel-item {
 height:950px;
}
.space_security_right {
    margin-left: 0px!important;
}
.no{ display:none;}
.darkHeader .hamburger{margin-top: 30px;
	margin-right: 10px;	}

}
@media only screen and ( max-width:400px){
.carousel-caption { width:100%; top:-850px;}
.banner_news_title1 {
 padding-right: 20px; 
}
}

@media only screen and ( min-width: 991px){
.no_large{ display:none;}
}


@media only screen and ( max-width: 767px){
.mobile_main{flex-direction: column-reverse;}
	
.about_bg {
    background-image: url(../images/bg4_mobile.png);
}
		
.space_security_right {
    margin-right: 0px;
}
.breadcrumb{ margin-top:35px;}
.breadcrumb_news{ margin-top:0px;}
/*.all_inner_banner_text {
	font-size: 1.875rem; letter-spacing: 0.438rem;}	*/
	
.all_inner_banner_text {
	font-size: 1.563rem; letter-spacing: 0.219rem; line-height: 2.3rem; 
	display: flex;
    align-items: center;
	justify-content: flex-start;}
	
	.sort{margin-bottom: 10px;}
	.sort_search{margin-bottom: 10px;}
	.side_nav {
    margin-right: 0px;
}
	.bot_nav {
    margin-right: 0px;
}
.banner_bg img {
opacity: 1;
}
.all_inner_banner img {
    object-fit: cover;
    height: 180px;
    width: 100%;
}
}


@media only screen and ( max-width: 1300px){
.text_sec_all {
    width: 100%;
}
}
@media only screen and ( min-width: 1200px) and ( max-width:1499px ) {
.carousel-caption {
 top:-580px; width:70%;
}
.mainmenu {
    margin-top: 20px!important;
}
.top_right {
    margin-top: -130px!important;
	z-index:10 !important;
}
.has-search .form-control {
width:120px;
}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{
	margin-left:20px!important; margin-right:20px!important; padding-bottom:34px!important;
}
.menu-area {
    height: 100px;
}	

}

@media only screen and ( min-width: 1500px) and ( max-width:1650px ) {
.has-search .form-control {
width:100px;
}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{
	margin-left:10px!important; margin-right:12px!important;
}

}


@media only screen and ( min-width: 1200px) and ( max-width:1800px ) {
.carousel-caption {
 top:-580px; width: 52%;
}
}

@media only screen and ( min-width: 1200px) and ( max-width:1599px ) {
.multi_right_text_left{ float:left; margin-bottom:20px;}
.multi_right_text_right{ float:left;}
}

@media only screen and ( min-width: 1600px) and ( max-width:1799px ) {
.btn_Download{
	width:170px;
	height:44px;
}
.multi_right_arrow {
	padding-top: 9px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 15px; margin-right:10px; 
}
.multi_right_box .publication .dropdown-menu.show {
    width: 170px;
}
.btn_Download::after {
    top: 17px;
}
}


@media only screen and ( min-width: 992px) and ( max-width:1699px ) {
.event_details {
    display: flex;
}
.event_details1 {
margin-bottom:10px;
}
}

@media only screen and ( min-width: 1700px) and ( max-width:1750px ) {
.event_details1 {
margin-right:10px;
}
}

@media only screen and ( min-width: 576px) and ( max-width:767px ) {
}



@media only screen and ( min-width: 768px) and ( max-width:1199px ) {
.space_security_right1{ margin-top:0px;}
.btn_event1 {
width:165px!important;
}
.space_security_right {
    margin-left: 29px;
}
}

@media only screen and ( min-width: 768px) and ( max-width:991px ) {
.space_security_img {
    margin-left: -50px;
}
	.space_security_box {
    margin-left: 55px;
}
.space_security_right {
    margin-right: 10px;
}
.all_inner_banner_text {
	font-size: 1.563rem; letter-spacing: 0.219rem;}		
}

@media only screen and ( min-width: 350px) and ( max-width:430px ) {
.project_heading {
    background-position: center bottom;
	  align-items: center;
  justify-content: center;
	width:100%; text-align: center;
}

.project_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.project_img1 {
    margin-right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
	width:100%;
}
.project_more1 {
    text-align: center;
    position: relative;
    right: 0px;
}
}

@media only screen and ( min-width: 431px) and ( max-width:575px ) {
	
	.project_img1 {
    width: 120px;
    margin-right: 56px;
}

.project_img_icon1 {
    width: 120px;
    height: 120px;
}

.project_img_ic1 {
    width: 90px;
    height: 90px;
}

.project_more1 {
    right: 20px;
}
}


@media only screen and ( min-width: 1200px) and ( max-width:1500px ) {
	
	.project_img1 {
    width: 120px;
    margin-right: 56px;
}

.project_img_icon1 {
    width: 120px;
    height: 120px;
}

.project_img_ic1 {
    width: 90px;
    height: 90px;
}

.project_more1 {
    right: 20px;
}
}


@media only screen and ( min-width: 768px) and ( max-width:1200px ) {
.education_left {
    padding-top: 0px;
    padding-right: 10px; 
}	
	
}

@media only screen and ( max-width: 1750px){
.graphic{ width:100%;}
}


@media only screen and ( max-width: 1199px){
.project_info{ flex-direction: column;}

.project_logo{ width:100%; margin-right:0px; margin-bottom:20px;}
.project_logo_text{width:100%; padding-right:0px; margin-bottom:20px;}
.project_title{color:#FFFFFF; display:flex; align-items: center;
  justify-content: center; width:100%;  margin-bottom:20px; padding-left:0px; padding-right:0px; padding-top:20px; padding-bottom:20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #2b2d41;
	border-bottom-color: #2b2d41;
	border-right-style: none;
	border-left-style: none; text-align:center;
}
.project_title2{align-items: center; justify-content: center; width:100%; padding-left:0px; padding-right:0px; text-align:center;}

.partner_logo{ width:100%; margin-right:0px; margin-bottom:20px;}
.partner_logo_text{width:100%; padding-right:0px; margin-bottom:20px; justify-content: center; text-align:center;}
}


@media only screen and ( max-width: 1199px){
.contact_line {
	border-right-style: none;
	padding-right:0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #202337;
	padding-bottom:30px;
}
.contact2 {
    margin-left: 0px;
	margin-top:30px;
}

.contact_line1 {
    padding-left: 0px; margin-top:30px;
}
.contact_map {
    margin-top: 50px;
    margin-bottom: 50px;
}
}

@media only screen and ( min-width: 1200px) and ( max-width:1600px ) {
.contact_line1 {
    padding-left: 20px;
}
.contact_line {
    padding-right: 20px;
}
}


@media only screen and ( min-width: 1400px) and ( max-width:1600px ) {
.activity_area H3:after {
    width: 65%!important;
}	
}

@media only screen and ( min-width: 1200px) and ( max-width:1399px ) {
.activity_area H3:after {
    width: 58%!important;
}	
}

@media only screen and ( min-width: 992px) and ( max-width:1199px ) {
.activity_area H3:after {
    width: 50%!important;
	right:0px;
}	
}

@media only screen and ( min-width: 401px) and ( max-width:575px ) {
.all_inner_banner img {
    object-fit: cover;
    height: 140px!important;
    width: 100%;
}

.all_inner_banner {
    height: 140px!important;
    position: relative;
}
}

@media only screen and ( min-width: 1410px) and ( max-width:1600px ) {
.news_box {
	padding-right: 20px;
	padding-left: 20px;
}

.home .news_box {
	padding-right: 0px !important;
	padding-left: 0px !important;
}

}

@media only screen and ( min-width: 1610px) and ( max-width:1799px ) {
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{
	margin-left:10px!important; margin-right:15px!important;
}

}

@media only screen and ( max-width: 575px){
.all_inner_banner_text {
    font-size: 1rem;
    letter-spacing: 0.2rem;
    left: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
	.top_right {
    margin-right: 10px!important;
}
.btn_Download {
    width: 142px;
}	
.owl-carousel .item .sm_img{width: 142px!important;}	
	
}

.hamburger{margin-right: 10px;	}

@media only screen and ( max-width: 1199px){
.darkHeader .img-fluid {
    max-width: 80%!important;
    height: auto;
}	
.mainmenu a .navbar-brand{ margin:0px; padding:0px;}
.darkHeader .mainmenu a.navbar-brand{  margin-top: 0px;padding:0px; margin-left:0px;}	
darkHeader .hamburger{ margin-top:15px;}	
}

@media only screen and ( max-width: 1700px){
.project_more {
    bottom: -50px;
}
}


@media only screen and ( min-width: 350px) and ( max-width:767px ) {
.competition_overlay {
  position: relative; 
  opacity:1;
}	
.mob_menu_bot  .language {
    color: #7d7d89;
    margin-top: 15px;
    display: flex;
	justify-content: center;
}

.mob_menu_bot .language a{
padding:0px!important; border:none; color: #7d7d89;
}
.mob_menu_bot .language a.active{color: #FFFFFF;}
}

@media only screen and ( min-width: 350px) and ( max-width:400px ) {
.all_inner_banner_text {
    font-size: 1rem;
    letter-spacing: 0.2rem;
}	
.text_sec_all{ margin-top: 30px;}
.all_inner_banner {
    height: 120px;
}
.all_inner_banner img {
    height: 120px;
}	
.multi_right_arrow {
    margin-right: 5px!important;
}	
.btn_Download {
    width: 122px!important;
}	
.navbar-brand, .navbar-brand img {
    width: 143px;
}
.menu_right {
    margin-left: auto;
}
.hamburger {
    width: 40px!important;
}	
.has-search .form-control {
    width: 90px!important;
}	
.mainmenu a.navbar-brand {
    margin-left: 0px!important;
}
.darkHeader .hamburger {
    margin-top: 10px;
}	
.darkHeader .top_right {
    margin-top: 15px!important;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-right: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    margin-left: 0px;
}	
}


@media only screen and ( min-width: 401px) and ( max-width:465px ) {
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-right: 0px;
}

.pagination > li:last-child > a, .pagination > li:last-child > span {
    margin-left: 0px;
}	
.navbar-brand, .navbar-brand img {
    width: 138px;
}
.top_right {
    margin-left: auto!important;
}
.mainmenu a.navbar-brand {
    margin-left: 0px!important;
}
.hamburger {
    width: 40px!important;
}	
.has-search .form-control {
    width: 90px!important;
}
	.menu_right {
    margin-left: auto!important;
}
.darkHeader .hamburger {
    margin-top: 10px;
}	
.darkHeader .top_right {
    margin-top: 15px!important;
}	
}

@media only screen and ( min-width: 768px) and ( max-width:991px ) {
.darkHeader .hamburger {
    margin-top: 23px;
}
}


@media only screen and ( max-width: 767px){
.in_space .sec_heading{ margin-bottom: 0px!important;}	
.event .sec_heading{
margin-bottom: 0px!important;
}
	
.project .sec_heading{margin-bottom:30px!important;}
	
.mob_menu_bot_left {
     width: 100%!important;
}
	
.mob_menu_bot_right {
     width: 100%!important;
}
	.mob_menu_bot_right .footer_social {
 justify-content: center!important;
}
}


@media only screen and ( min-width: 992px) and ( max-width:1199px ) {
.darkHeader .top_right {
    margin-top: 15px!important;
}
}

@media only screen and ( min-width: 768px) and ( max-width:991px ) {
.top_all {
    height: 90px;
}
.all_inner_pages {
    padding-top: 20px;
}
.round_img {
    border-radius: 10px;
    margin-bottom: 20px;
}	
}

@media only screen and ( min-width: 350px) and ( max-width:767px ) {
.top_all {
    height: 70px;
}
.all_inner_pages {
    padding-top: 30px;
}
.no_sm1{ display:none;}		
}

@media only screen and ( max-width: 767px){
.multimedia_slide_all {
    width: 80%!important;
    overflow: visible;
    margin-left: auto!important;
    margin-right: auto!important;
}
.home_sec .no_mar {
    margin-right: 0px;
    margin-left: 0px;
}	
	
.activity_area H3:after {
    bottom: -30px;     
	top: auto; right: 0px;
}
.sec_heading_btn{ float:left; margin-left: 18px;}	
.activity_area {
    padding-bottom: 35px;
}

.event {
    padding-top: 35px;
    padding-bottom: 35px;
}

.entry-content h3 {
     margin-bottom: 0px; 
}

.in_space {
    padding-top: 35px;
    padding-bottom: 35px;
}

.project {
    padding-top: 35px;
}	
.round_img {
    border-radius: 10px;
    margin-top: 20px;
}		
}


@media only screen and ( min-width: 1200px) and ( max-width:1700px ) {
.project_box_overlay {
    padding-left:40px;
}
}

@media only screen and ( min-width:401px){
.only_sm{ display:none;}
}


@media only screen and ( min-width: 350px) and ( max-width:767px ) {
.project_box_overlay {
    padding-left:40px;
}
}

@media only screen and ( min-width:768px){
.mob_menu_bot .language{ display:none;}
}

@media (min-width: 600px) and (max-width: 781px){
.wp-block-column:not(:only-child) {
    flex-basis: calc(100% - 1em)!important;
    flex-grow: 0!important;
}
}
	
.training .wpcf7-form-control {
    background: rgb(26,29,51);
    background: linear-gradient(
90deg, rgba(26,29,51,1) 60%, rgba(3,6,31,1) 100%);
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
    color: #fff;
}

.wpcf7-select option { color: #000!important;}


.multi_right_text_left {
    min-height: 150px!important;
}

@media only screen and ( min-width: 992px) and ( max-width:1199px ) {
.project_btn {
    margin-bottom: -46px;
}
}

@media (min-width: 1200px){
	
.navbar-expand-lg .navbar-collapse {
	z-index:11 !important;
}
}

@media (max-width: 439px){ 
    .all_inner_banner_text1{
        font-size: 1.42rem !important;
        left: 45px;
    }
}


@media (max-width: 991px){ 
.carousel-control-prev, .carousel-control-pause,
.carousel-control-next {
  position: absolute;
  bottom: 130px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  left:0!important; right: auto!important;
}



.carousel-control-prev {
left: 20px!important; 
}

.carousel-control-pause {
margin-right:15px; left: 80px!important;
}

.carousel-control-next {
left: 140px!important;
}
}



@media only screen and ( min-width: 992px) and ( max-width:1199px ) {
.carousel-control-prev, .carousel-control-pause,
.carousel-control-next {
  position: absolute;
  bottom: 130px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  left:0!important; right: auto!important;
}



.carousel-control-prev {
left:30px!important; 
}

.carousel-control-pause {
margin-right:15px; left: 90px!important;
}

.carousel-control-next {
left: 150px!important;
}
}

.planet-slider .solar_systm .planet .moon h3
{
    line-height: 80px;
}


.planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(2) .planet {
    opacity: 0.4;
  }

.planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(3) .planet {
    opacity: 0.4;
}


.planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet {
    opacity:  0.4;
}

.planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet {
    opacity: 0.4;
}

.planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet {
    opacity: 0.4;
}

.planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet {
    opacity: 0.4;
}

.planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet {
    opacity: 0.4;
}

@media only screen and ( min-width: 1700px ) {

    .planet-slider .solar {
        position: absolute;
        transform: rotatex(-30deg);
        perspective: 900px;
        width: 100%;
        height:100%;
        transform-style: preserve-3d;
    }

    .planet-slider .solar_systm .planet_description{
        top: 65px !important;
    }

    .planet-slider .solar_systm .planet {
        height: 1200px;
        width: 1200px;
        border-radius: 600px;
        background: red;
        transition: transform 2.8s 0.23s cubic-bezier(0.33, 0, 0, 1), opacity 2s 0.8s, box-shadow 0s 0s;
        background-size: 100% 600px !important;
        top: 450px;
        bottom: -1220px;
    }

    .planet-slider .overlay {
        width: 450%;
        height: 70%;
    }

    


    .planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .overlay {
        opacity: 0.5;
    top: -10%; 
    }

    
    .planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .overlay {
        opacity: 0.5;
   top: -10%; 
    }


    .planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .overlay {
        opacity: 0.5;
        top: -10%; 
    }


    .planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .overlay {
        opacity: 0.5;
        top: -10%; 
    }


    .planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .overlay {
        opacity: 0.5;
       top: -10%;
    }


    .planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .overlay {
        opacity: 0.5;
        top: -10%; 
    }


    .planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .overlay {
        opacity: 0.5;
        top: -10%;
    }


    .planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .overlay {
        opacity: 0.5;
        top: -10%; 
    }


    .planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .overlay {
        opacity: 0.5;
        top: -10%; 
    }

    .planet-slider .solar_systm .planet.earth .moon {
        left: 800px;
        top: -160px;       
    }

    .planet-slider .solar_systm .planet.earth .trajectory.m {
        width: 1500px;
        height: 1500px;
        left: -150px;
        top: -110px;
    }

    .planet-slider .solar_systm .planet.mercury {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.venus {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px #ffcb9c inset, 0 0px 23px 4px #ffcb9c inset, 0 -10px 130px #b85a07;
    }

    .planet-slider .solar_systm .planet.earth {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px #8cbaff inset, 0 0px 23px 4px #8cbaff inset, 0 -10px 130px #7894a9;
    }
        
    .planet-slider .solar_systm .planet.jupiter {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.saturn {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.uranus {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(127, 188, 171, 0.6);
    }

      
    .planet-slider .solar_systm .planet.neptune {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    
    .planet-slider .solar_systm .planet.pluto {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

}



@media only screen and ( min-width: 1500px ) and ( max-width: 1699px ) {

    .planet-slider {
        height: 800px;
      }
    
    .planet-slider .solar {
        position: absolute;
        transform: rotatex(-30deg);
        perspective: 1000px;
        width: 100%;
        height:100%;
        transform-style: preserve-3d;
    }

    .planet-slider .solar_systm .planet {
        height: 1000px;
        width: 1000px;
        border-radius: 500px;
        background: red;
        transition: transform 2.8s 0.23s cubic-bezier(0.33, 0, 0, 1), opacity 2s 0.8s, box-shadow 0s 0s;
        background-size: 100% 500px !important;
        top: 250px;
        bottom: -1020px;
    }
    
    .planet-slider .overlay {
        width: 500%;
        height: 60%;
    }


    .planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }

    
    .planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .overlay {
        opacity:0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }

    .planet-slider .solar_systm .planet.earth .moon {
        left: 750px;
        top: -90px;    
    }

    .planet-slider .solar_systm .planet.earth .trajectory.m {
        width: 1200px;
        height: 1200px;
        left: -100px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.d {
        width: 1320px;
        height: 1320px;
        left: -160px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.p {
        width: 1200px;
        height: 1200px;
        left: -80px;
        top: -120px;
    }

    .planet-slider .solar_systm .planet.mars .deimos {
        left: 800px;
        top: -80px;
        transform: scale(0.45);
        background: url(../images/planets/PIA07782_hires.jpg);
        z-index: -1;
        box-shadow: 0px -30px 30px 10px #00031a inset;
    }

    .planet-slider .solar_systm .planet.mars .phoebos {
        left: 100px;
        top: -130px;
        transform: scale(0.5);
        background: url(../images/planets/PIA07782_hires.jpg);
        z-index: -1;
        box-shadow: 0px -30px 30px 10px #00031a inset;
    }


    .planet-slider .solar_systm .planet.jupiter .trajectory.lop {
        width: 1200px;
        height: 1200px;
        left: -110px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.eu {
        width: 1230px;
        height: 1230px;
        left: -50px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.ga {
        width: 1360px;
        height: 1360px;
        left: -180px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.jupiter .lo {
        left: 100px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.jupiter .europa {
        left: 400px;
        top: -200px;
    }

    .planet-slider .solar_systm .planet.jupiter .ganymede {
        left: 900px;
        top: -60px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.ti {
        width: 1200px;
        height: 1200px;
        left: -110px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.di {
        width: 1230px;
        height: 1230px;
        left: -50px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.enc {
        width: 1360px;
        height: 1360px;
        left: -180px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.saturn .enceladus {
        left: 750px;
        top: -70px;
        transform: scale(0.4);
        z-index: -1;
        box-shadow: 0px -30px 30px 10px #00031a inset;
    }

    .planet-slider .solar_systm .planet.saturn .titan {
        left: 40px;
        top: -80px;
        transform: scale(0.4);
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.mir {
        width: 1200px;
        height: 1200px;
        left: -100px;
        top: -169px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.ari {
        width: 1230px;
        height: 1230px;
        left: -155px;
        top: -90px;
    
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.umb {
        width: 1360px;
        height: 1360px;
        left: -140px;
        top: -84px;
    }

    .planet-slider .solar_systm .planet.uranus .miranda {
        left: 70px;
        top: -75px;
    }

    .planet-slider .solar_systm .planet.uranus .ariel {
        left: 470px;
        top: -185px;
    }

    .planet-slider .solar_systm .planet.uranus .umbriel {
        left: 750px;
        top: -80px;
    }



    .planet-slider .solar_systm .planet.mercury {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.venus {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px #ffcb9c inset, 0 0px 23px 4px #ffcb9c inset, 0 -10px 130px #b85a07;
    }

    .planet-slider .solar_systm .planet.earth {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px #8cbaff inset, 0 0px 23px 4px #8cbaff inset, 0 -10px 130px #7894a9;
    }
        
    .planet-slider .solar_systm .planet.jupiter {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.saturn {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.uranus {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(127, 188, 171, 0.6);
    }

      
    .planet-slider .solar_systm .planet.neptune {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    
    .planet-slider .solar_systm .planet.pluto {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

}


@media only screen and ( min-width: 1300px ) and ( max-width: 1499px ) {

    
    .planet-slider {
        height: 800px;
      }

      
    .planet-slider .solar {
        position: absolute;
        transform: rotatex(-30deg);
        perspective: 900px;
        width: 100%;
        height:100%;
        transform-style: preserve-3d;
    }

    .planet-slider .solar_systm .planet {
        height: 800px;
        width: 800px;
        border-radius: 400px;
        background: red;
        transition: transform 2.8s 0.23s cubic-bezier(0.33, 0, 0, 1), opacity 2s 0.8s, box-shadow 0s 0s;
        background-size: 100% 500px !important;
        top: -50px;
        bottom: -1020px;
    }

    
    .planet-slider .overlay {
        width: 500%;
        height: 70%;
    }

    .planet-slider input[type="radio"][name="planet"].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet {
        opacity: 1;
       
      }

    

      .planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }

    
    .planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .overlay {
        opacity:0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }

    .planet-slider .solar_systm .planet.earth .moon {
        left: 600px;
        top: -100px;       
    }

   
    .planet-slider .solar_systm .planet.earth .trajectory.m {
        width: 1000px;
        height: 1000px;
        left: -100px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.d {
        width: 1120px;
        height: 1320px;
        left: -170px;
        top: -70px;
    }

      .planet-slider .solar_systm .planet.mars .trajectory.p {
        width: 1000px;
        height: 1000px;
        left: -120px;
        top: -100px;
      }

      
      .planet-slider .solar_systm .planet.jupiter .trajectory.lop {
        width: 1120px;
        height: 1120px;
        left: -150px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.ga {
        width: 1260px;
        height: 1260px;
        left: -210px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.eu {
        width: 1300px;
        height: 1300px;
        left: -185px;
        top: -60px;
    }

    .planet-slider .solar_systm .planet.jupiter .lo {
        left: -50px;
        top: -10px;
    }

    .planet-slider .solar_systm .planet.jupiter .europa {
        left: 300px;
        top: -200px;
    }

    .planet-slider .solar_systm .planet.jupiter .ganymede {
        left: 680px;
        top: -60px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.ti {
        width: 1100px;
        height: 1100px;
        left: -130px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.di {
        width: 1130px;
        height: 1130px;
        left: -100px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.enc {
        width: 1260px;
        height: 1260px;
        left: -200px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.saturn .enceladus {
        left: 750px;
        top: -70px;
        transform: scale(0.4);
        z-index: -1;
        box-shadow: 0px -30px 30px 10px #00031a inset;
    }

    .planet-slider .solar_systm .planet.saturn .titan {
        left: 40px;
        top: -80px;
        transform: scale(0.4);
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.mir {
        width: 1100px;
        height: 1100px;
        left: -100px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.ari {
        width: 1160px;
        height: 1160px;
        left: -150px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.umb {
        width: 1260px;
        height: 1260px;
        left: -200px;
        top: -64px;
    }

    .planet-slider .solar_systm .planet.uranus .miranda {
        left: -80px;
        top: -10px;
    }

    .planet-slider .solar_systm .planet.uranus .ariel {
        left: 300px;
        top: -210px;
    }

    .planet-slider .solar_systm .planet.uranus .umbriel {
        left: 700px;
        top: -70px;

    }
    
    .planet-slider .solar_systm .planet.mercury {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.venus {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px #ffcb9c inset, 0 0px 23px 4px #ffcb9c inset, 0 -10px 130px #b85a07;
    }

    .planet-slider .solar_systm .planet.earth {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px #8cbaff inset, 0 0px 23px 4px #8cbaff inset, 0 -10px 130px #7894a9;
    }
        
    .planet-slider .solar_systm .planet.jupiter {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.saturn {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.uranus {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(127, 188, 171, 0.6);
    }

      
    .planet-slider .solar_systm .planet.neptune {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    
    .planet-slider .solar_systm .planet.pluto {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

}


@media only screen and ( min-width: 1000px ) and ( max-width: 1299px ) {

    .planet-slider {
        height: 900px;
      }

      
    .planet-slider .solar {
        position: absolute;
        transform: rotatex(-30deg);
        perspective: 1000px;
        width: 100%;
        height:100%;
        transform-style: preserve-3d;
    }

    .planet-slider .solar_systm .planet {
        height: 650px;
        width: 650px;
        border-radius: 350px;
        background: red;
        transition: transform 2.8s 0.23s cubic-bezier(0.33, 0, 0, 1), opacity 2s 0.8s, box-shadow 0s 0s;
        background-size: 100% 500px !important;
        top: -250px;
        bottom: -1220px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.d {
        width: 920px;
        height: 920px;
        left: -100px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.p {
        width: 850px;
        height: 850px;
        left: -120px;
        top: -80px;
    }

      
    .planet-slider .solar_systm .planet.jupiter .trajectory.lop {
        width: 950px;
        height: 950px;
        left: -150px;
        top: -108px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.eu {
        width: 1100px;
        height: 1100px;
        left: -185px;
        top: -60px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.ga {
        width: 1160px;
        height: 1160px;
        left: -260px;
        top: -124px;
    }

    .planet-slider .solar_systm .planet.jupiter .lo {
        left: -60px;
        top: -60px;
    }
    
    .planet-slider .solar_systm .planet.jupiter .europa {
        left: 200px;
        top: -200px;
    }

    .planet-slider .solar_systm .planet.jupiter .ganymede {
        left: 480px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.ti {
        width: 900px;
        height: 900px;
        left: -130px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.di {
        width: 930px;
        height: 930px;
        left: -100px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.enc {
        width: 1060px;
        height: 1060px;
        left: -220px;
        top: -144px;
    }

    .planet-slider .solar_systm .planet.saturn .enceladus {
        left: 500px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.saturn .titan {
        left: -60px;
        top: -100px;
        transform: scale(0.4);
    }

    .planet-slider .solar_systm .planet.saturn .dione {
        left: 200px;
        top: -230px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.mir {
        width: 900px;
        height: 900px;
        left: -100px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.ari {
        width: 960px;
        height: 960px;
        left: -150px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.umb {
        width: 1060px;
        height: 1060px;
        left: -200px;
        top: -64px;
    }

    .planet-slider .solar_systm .planet.uranus .miranda {
        left: -110px;
        top: -30px;
    }

    .planet-slider .solar_systm .planet.uranus .ariel {
        left: 180px;
        top: -230px;
    }

    .planet-slider .solar_systm .planet.uranus .umbriel {
        left: 500px;
        top: -90px;
    }
    

    .planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }

    
    .planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .overlay {
        opacity: 0.5;
        top: -20%;
    }

    
    
    .planet-slider .solar_systm .planet.mercury {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.venus {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px #ffcb9c inset, 0 0px 23px 4px #ffcb9c inset, 0 -10px 130px #b85a07;
    }

    .planet-slider .solar_systm .planet.earth {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px #8cbaff inset, 0 0px 23px 4px #8cbaff inset, 0 -10px 130px #7894a9;
    }
        
    .planet-slider .solar_systm .planet.jupiter {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.saturn {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.uranus {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(127, 188, 171, 0.6);
    }

      
    .planet-slider .solar_systm .planet.neptune {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    
    .planet-slider .solar_systm .planet.pluto {
        box-shadow: 0 -490px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    .planet-slider .solar_systm .planet_description h1 {
        letter-spacing: 12px;
        font-size: 24px;
        line-height: 1.9rem;
    }


}

.text-center{
    text-align: center;
}

@media only screen and ( min-width: 768px ) and ( max-width: 999px ) {

    
    .planet-slider {
        height: 900px;
      }

      
    .planet-slider .solar {
        position: absolute;
        transform: rotatex(-30deg);
        perspective: 1000px;
        width: 100%;
        height:100%;
        transform-style: preserve-3d;
    }

    .planet-slider .solar_systm .planet {
        height: 500px;
        width: 500px;
        border-radius: 450px;
        background: red;
        transition: transform 2.8s 0.23s cubic-bezier(0.33, 0, 0, 1), opacity 2s 0.8s, box-shadow 0s 0s;
        background-size: 100% 500px !important;
        top: -350px;
        bottom: -1120px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.d {
        width: 820px;
        height: 820px;
        left: -160px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.p {
        width: 750px;
        height: 750px;
        left: -100px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.mars .deimos {
        left: 380px;
        top: -100px;
    }
      
    .planet-slider .solar_systm .planet.mars .phoebos {
        left: -50px;
        top: -140px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.lop {
        width: 850px;
        height: 850px;
        left: -150px;
        top: -128px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.eu {
        width: 1000px;
        height: 1000px;
        left: -185px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.ga {
        width: 1060px;
        height: 1060px;
        left: -260px;
        top: -144px;
    }

    .planet-slider .solar_systm .planet.jupiter .lo {
        left: -110px;
        top: -60px;
    }
    
    .planet-slider .solar_systm .planet.jupiter .europa {
        left: 150px;
        top: -240px;
    }

    .planet-slider .solar_systm .planet.jupiter .ganymede {
        left: 380px;
        top: -160px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.ti {
        width: 900px;
        height: 900px;
        left: -180px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.di {
        width: 930px;
        height: 930px;
        left: -150px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.enc {
        width: 1060px;
        height: 1060px;
        left: -240px;
        top: -144px;
    }

    .planet-slider .solar_systm .planet.saturn .enceladus {
        left: 500px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.saturn .titan {
        left: -60px;
        top: -100px;
        transform: scale(0.4);
    }

    .planet-slider .solar_systm .planet.saturn .dione {
        left: 200px;
        top: -230px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.mir {
        width: 800px;
        height: 800px;
        left: -140px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.ari {
        width: 860px;
        height: 860px;
        left: -170px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.umb {
        width: 960px;
        height: 960px;
        left: -240px;
        top: -64px;
    }

    .planet-slider .solar_systm .planet.uranus .miranda {
        left: -160px;
        top: -60px;
    }

    .planet-slider .solar_systm .planet.uranus .ariel {
        left: 180px;
        top: -230px;
    }

    .planet-slider .solar_systm .planet.uranus .umbriel {
        left: 400px;
        top: -90px;
    }    

    .planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }

    
    .planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }

    
    .planet-slider .solar_systm .planet.mercury {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.venus {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px #ffcb9c inset, 0 0px 23px 4px #ffcb9c inset, 0 -10px 130px #b85a07;
    }

    .planet-slider .solar_systm .planet.earth {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px #8cbaff inset, 0 0px 23px 4px #8cbaff inset, 0 -10px 130px #7894a9;
    }
        
    .planet-slider .solar_systm .planet.mars {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px #e86363 inset, 0 0px 23px 4px #e86363 inset, 0 -10px 130px #6b261a;
    }

    .planet-slider .solar_systm .planet.jupiter {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.saturn {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.uranus {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(127, 188, 171, 0.6);
    }

      
    .planet-slider .solar_systm .planet.neptune {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    
    .planet-slider .solar_systm .planet.pluto {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    
    .planet-slider .solar_systm .planet_description h1 {
        letter-spacing: 10px !important;
        font-size: 20px !important;
        line-height: 1.9rem;
    }

    .planet-slider .solar_systm .planet_description {
        width: 100% !important;
    }

}



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

    
    
    .planet-slider {
        height: 900px;
      }

      
    .planet-slider .solar {
        position: absolute;
        transform: rotatex(-30deg);
        perspective: 1000px;
        width: 100%;
        height:100%;
        transform-style: preserve-3d;
    }

    .planet-slider .solar_systm .planet {
        height: 500px;
        width: 500px;
        border-radius: 400px;
        background: red;
        transition: transform 2.8s 0.23s cubic-bezier(0.33, 0, 0, 1), opacity 2s 0.8s, box-shadow 0s 0s;
        background-size: 100% 500px !important;
        top: -350px;
        bottom: -1120px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.d {
        width: 820px;
        height: 820px;
        left: -160px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.p {
        width: 750px;
        height: 750px;
        left: -100px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.mars .deimos {
        left: 380px;
        top: -100px;
    }
      
    .planet-slider .solar_systm .planet.mars .phoebos {
        left: -50px;
        top: -140px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.lop {
        width: 850px;
        height: 850px;
        left: -150px;
        top: -128px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.eu {
        width: 1000px;
        height: 1000px;
        left: -185px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.ga {
        width: 1060px;
        height: 1060px;
        left: -260px;
        top: -144px;
    }

    .planet-slider .solar_systm .planet.jupiter .lo {
        left: -110px;
        top: -60px;
    }
    
    .planet-slider .solar_systm .planet.jupiter .europa {
        left: 150px;
        top: -240px;
    }

    .planet-slider .solar_systm .planet.jupiter .ganymede {
        left: 380px;
        top: -160px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.ti {
        width: 900px;
        height: 900px;
        left: -180px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.di {
        width: 930px;
        height: 930px;
        left: -150px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.enc {
        width: 1060px;
        height: 1060px;
        left: -240px;
        top: -144px;
    }

    .planet-slider .solar_systm .planet.saturn .enceladus {
        left: 500px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.saturn .titan {
        left: -60px;
        top: -100px;
        transform: scale(0.4);
    }

    .planet-slider .solar_systm .planet.saturn .dione {
        left: 200px;
        top: -230px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.mir {
        width: 800px;
        height: 800px;
        left: -140px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.ari {
        width: 860px;
        height: 860px;
        left: -170px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.umb {
        width: 960px;
        height: 960px;
        left: -240px;
        top: -64px;
    }

    .planet-slider .solar_systm .planet.uranus .miranda {
        left: -160px;
        top: -60px;
    }

    .planet-slider .solar_systm .planet.uranus .ariel {
        left: 180px;
        top: -230px;
    }

    .planet-slider .solar_systm .planet.uranus .umbriel {
        left: 400px;
        top: -90px;
    }    

    .planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }

    
    .planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }

    
    .planet-slider .solar_systm .planet.mercury {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.venus {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px #ffcb9c inset, 0 0px 23px 4px #ffcb9c inset, 0 -10px 130px #b85a07;
    }

    .planet-slider .solar_systm .planet.earth {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px #8cbaff inset, 0 0px 23px 4px #8cbaff inset, 0 -10px 130px #7894a9;
    }
        
    .planet-slider .solar_systm .planet.mars {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px #e86363 inset, 0 0px 23px 4px #e86363 inset, 0 -10px 130px #6b261a;
    }

    .planet-slider .solar_systm .planet.jupiter {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.saturn {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.uranus {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(127, 188, 171, 0.6);
    }

      
    .planet-slider .solar_systm .planet.neptune {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    
    .planet-slider .solar_systm .planet.pluto {
        box-shadow: 0 -290px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

}


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

    
    
    .planet-slider {
        height: 900px;
      }

      
    .planet-slider .solar {
        position: absolute;
        transform: rotatex(-30deg);
        perspective: 1200px;
        width: 100%;
        height:100%;
        transform-style: preserve-3d;
    }

    .planet-slider .solar_systm .planet {
        height: 300px;
        width: 300px;
        border-radius: 400px;
        background: red;
        transition: transform 2.8s 0.23s cubic-bezier(0.33, 0, 0, 1), opacity 2s 0.8s, box-shadow 0s 0s;
        background-size: 100% 500px !important;
        top: -350px;
        bottom: -1120px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.d {
        width: 820px;
        height: 820px;
        left: -160px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.mars .trajectory.p {
        width: 750px;
        height: 750px;
        left: -100px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.mars .deimos {
        left: 380px;
        top: -100px;
    }
      
    .planet-slider .solar_systm .planet.mars .phoebos {
        left: -50px;
        top: -140px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.lop {
        width: 850px;
        height: 850px;
        left: -150px;
        top: -128px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.eu {
        width: 1000px;
        height: 1000px;
        left: -185px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.jupiter .trajectory.ga {
        width: 1060px;
        height: 1060px;
        left: -260px;
        top: -144px;
    }

    .planet-slider .solar_systm .planet.jupiter .lo {
        left: -110px;
        top: -60px;
    }
    
    .planet-slider .solar_systm .planet.jupiter .europa {
        left: 150px;
        top: -240px;
    }

    .planet-slider .solar_systm .planet.jupiter .ganymede {
        left: 380px;
        top: -160px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.ti {
        width: 900px;
        height: 900px;
        left: -180px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.di {
        width: 930px;
        height: 930px;
        left: -150px;
        top: -80px;
    }

    .planet-slider .solar_systm .planet.saturn .trajectory.enc {
        width: 1060px;
        height: 1060px;
        left: -240px;
        top: -144px;
    }

    .planet-slider .solar_systm .planet.saturn .enceladus {
        left: 500px;
        top: -100px;
    }

    .planet-slider .solar_systm .planet.saturn .titan {
        left: -60px;
        top: -100px;
        transform: scale(0.4);
    }

    .planet-slider .solar_systm .planet.saturn .dione {
        left: 200px;
        top: -230px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.mir {
        width: 800px;
        height: 800px;
        left: -140px;
        top: -98px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.ari {
        width: 860px;
        height: 860px;
        left: -170px;
        top: -154px;
    }

    .planet-slider .solar_systm .planet.uranus .trajectory.umb {
        width: 960px;
        height: 960px;
        left: -240px;
        top: -64px;
    }

    .planet-slider .solar_systm .planet.uranus .miranda {
        left: -160px;
        top: -60px;
    }

    .planet-slider .solar_systm .planet.uranus .ariel {
        left: 180px;
        top: -230px;
    }

    .planet-slider .solar_systm .planet.uranus .umbriel {
        left: 400px;
        top: -90px;
    }    

    .planet-slider input[type=radio][name=planet].planet1:checked + label + div .solar_systm:nth-of-type(1) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }

    
    .planet-slider input[type=radio][name=planet].planet2:checked + label + input + label + div .solar_systm:nth-of-type(2) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet3:checked + label + input + label + input + label + div .solar_systm:nth-of-type(3) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet4:checked + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(4) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet5:checked + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(5) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet6:checked + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(6) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet7:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(7) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet8:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(8) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }


    .planet-slider input[type=radio][name=planet].planet9:checked + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + input + label + div .solar_systm:nth-of-type(9) .planet .overlay {
        opacity: 0.3;
        top: -20%;
    }

    
    .planet-slider .solar_systm .planet.mercury {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.venus {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px #ffcb9c inset, 0 0px 23px 4px #ffcb9c inset, 0 -10px 130px #b85a07;
    }

    .planet-slider .solar_systm .planet.earth {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px #8cbaff inset, 0 0px 23px 4px #8cbaff inset, 0 -10px 130px #7894a9;
    }
        
    .planet-slider .solar_systm .planet.mars {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px #e86363 inset, 0 0px 23px 4px #e86363 inset, 0 -10px 130px #6b261a;
    }

    .planet-slider .solar_systm .planet.jupiter {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.saturn {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(188, 143, 127, 0.6);
    }

    .planet-slider .solar_systm .planet.uranus {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px rgba(127, 188, 171, 0.6);
    }

      
    .planet-slider .solar_systm .planet.neptune {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }

    
    .planet-slider .solar_systm .planet.pluto {
        box-shadow: 0 -190px 150px #00031a inset, 0 0px 130px 40px rgba(234, 205, 199, 0.6) inset, 0 0px 23px 4px rgba(234, 205, 199, 0.6) inset, 0 -10px 130px #2d4153;
    }
}


.hide_mob{
    display: block;
}


.hide_desk{
    display: none;
}

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

    .hide_mob{
        display: none;
    }
    
    
    .hide_desk{
        display: block;
    }

}


@media only screen and  ( max-width: 767px ) {
.solar_text {
    margin-bottom: 50px;
}
}


@media only screen and (max-width: 350px) {
.new_title {
    font-size: 22px!important;
}

.darkHeader .mainmenu {
    margin-top: 0px !important;
}

.hamburger_close {
    margin-top: 20px!important;
}

.no_sm1 {
    display: none;
}

.has-search {
    display: none!important;
}
	
.hamburger {
    margin-top: 13px!important;  margin-left: 50px!important; 
	}	
.top_right	{ display: none!important;}
}

@media only screen and ( min-width: 351px ) and ( max-width: 480px ) {
.new_title {
    font-size: 25px!important;
}
}

.single-wydarzenia_sloneczne .all_inner_banner_text1 {
    padding-right: 0px; 
}


@media only screen and ( min-width: 320px ) and ( max-width: 350px ) {
.banner_news_title {
    font-size: 1.5rem;
    line-height: 2rem;
}	
  .mainmenu a.navbar-brand {
    margin-top: 0px !important;
    margin-left: 0px !important;
  }

	  .darkHeader .hamburger {
    margin-top:10px !important;
  }

  .fixed-top .hamburger{ margin-top: 10px !important; }

  	
	.activity_text {
    padding-top: 29px;
    margin-bottom: 50px;
}
.activity1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
	
.activity_box {
    text-align: center;
}

.activity_area H3:after {
    left: 0px;
}
	
.activity_area H3 span {
    margin-left: 0px;
}
.activity_img {
    margin-left: auto!important;
    margin-right: auto!important;
}	
	
.carousel-caption {
    position: relative!important;
}
.carousel-caption {
	padding-left: 5px;
	top: -770px!important;
}	
.carousel-indicators li {
    width: 50px;

}	
.carousel-indicators .active {
    width: 50px;
}	
.carousel-item {
    height: 850px!important;
}	
.carousel-inner {
    height: 850px!important;
}
.carousel-control-prev, .carousel-control-pause, .carousel-control-next {
    bottom: 75px!important;	
}
.carousel-indicators {
    padding-left: 5px;
}	
.mainmenu a.navbar-brand{
   margin-left:0px !important;
}
}


@media only screen and ( min-width: 351px ) and ( max-width: 575px ) {
.banner_news_title {
    font-size: 1.5rem;
    line-height: 2rem;
}		
	.activity_text {
    padding-top: 29px;
    margin-bottom: 50px;
}
.activity1 {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
	
.activity_box {
    text-align: center;
}

.activity_area H3:after {
    left: 0px;
}
	
.activity_area H3 span {
    margin-left: 0px;
}
.activity_img {
    margin-left: auto!important;
    margin-right: auto!important;
}	
	
.carousel-indicators li {
    width: 50px;

}	
.carousel-indicators .active {
    width: 50px;
}	
.carousel-control-prev, .carousel-control-pause, .carousel-control-next {
    bottom: 55px!important;	
}
.carousel-indicators {
    padding-left: 5px;
    bottom: 20px;
}	
.mainmenu a.navbar-brand{
   margin-left:0px !important;
   margin-right:0px!important;
}
}

@media only screen and ( min-width: 576px ) and ( max-width: 767px ) {
.carousel-caption {
    position: relative!important;
}
.carousel-caption {
	padding-left: 15px!important;
	top: -580px!important; padding-right: 15px!important; padding-top: 20px!important;
}	
.carousel-indicators li {
    width: 50px;

}	
.carousel-indicators .active {
    width: 50px;
}	
.carousel-item {
    height: 650px!important;
}	
.carousel-inner {
    height: 650px!important;
}
.carousel-control-prev, .carousel-control-pause, .carousel-control-next {
    bottom: 55px!important;	
}
.carousel-indicators {
    padding-left: 5px; bottom: 20px;
}
.mainmenu a.navbar-brand{
   margin-left:0px !important;
   margin-right:0px!important; margin-top:2px!important;
}	
	
	
}


@media only screen and ( min-width: 351px ) and ( max-width: 402px ) {
.carousel-caption {
	padding-left: 15px;
	top: -640px!important;
	padding-right: 15px!important; padding-top: 20px!important;
}	
.carousel-item {
    height: 700px!important;
}	
.carousel-inner {
    height: 700px!important;
}
}	

@media only screen and ( min-width: 403px ) and ( max-width: 575px ) {
.carousel-caption {
	padding-left: 15px!important;
    padding-right: 15px!important;
	top: -640px!important; padding-top: 20px!important;
}	
.carousel-item {
    height: 700px!important;
}	
.carousel-inner {
    height: 700px!important;
}
}	

@media only screen and ( min-width: 320px) and ( max-width:767px ) {
.menu-area {
    height: 65px !important;
}
.navbar-brand, .navbar-brand img {
    margin-top: -3px;
}

.darkHeader .hamburger {
    margin-top: 7px;
}	



.home .news_box_img img {
    height: auto !important;
    object-fit: contain !important;
}


}


@media only screen and ( max-width:1199px ) {
    

    .banner_bg img{
        width: 100% !important;
        height: auto !important;
        float: none;
        border-radius: 10px 10px 10px 10px;
    }

    .postBanner{
        flex: 0 0 100% !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}


@media only screen and ( max-width:767px ) {
.addtoany_shortcode {
    margin-right: 0px;
}
}

@media only screen and ( max-width:499px ) {
.addtoany_content_bottom {
    margin-top: 20px;
}
}
	
@media only screen and ( min-width: 320px) and ( max-width:457px ) {
	.new_title2:after {
    width: 100px;
}
}
@media only screen and ( min-width: 458px) and ( max-width:478px ) {
	.new_title2:after {
    width: 150px;
}
}

@media only screen and ( min-width: 479px) and ( max-width:580px ) {
	.new_title2:after {
    width: 200px;
}
}

@media only screen and ( min-width: 581px) and ( max-width:767px ) {
	.new_title2:after {
    width: 250px;
}
}

@media only screen and ( min-width: 768px) and ( max-width:991px ) {
	.new_title2:after {
    width: 250px;
}
}

@media only screen and ( min-width: 992px) and ( max-width:1199px ) {
	.new_title2:after {
    width: 400px;
}
}

body{overflow-x: hidden!important;}

@media only screen and ( max-width:575px ) {
.entry-content h3 {
    background-color: #00041a;
    padding-right: 0px;
	font-size: 1.25rem!important;
}
body{overflow-x: hidden!important;}	
.download_sec {
    width: 95%;
}
.download_sec .pdf_btn {
    width: 90%;
  }	
}	

.hamburger_close {
    margin-top: 20px!important;
}


@media only screen and ( max-width:800px ) {
.nf-field-container .nf-field-element {
    width: 90%!important;
    order: 15;
}
.nf-field-description {
    width: 80%!important;
}
.nf-field-container .nf-field-label {
width: 80%!important;
}	
}	


@media only screen and ( max-width:1199px ) {
	.mainmenu a{}	
	
	.dropdown-toggle::after{}
}	

@media only screen and ( min-width: 510px) and ( max-width:600px ) {
.dataTables_wrapper {
    overflow-x: auto;
    width: 480PX;
}
}
@media only screen and ( min-width: 410px) and ( max-width:509px ) {
.dataTables_wrapper {
    overflow-x: auto;
    width: 380PX;
}
}	


@media only screen and ( min-width: 300px) and ( max-width:409px ) {
.dataTables_wrapper {
    overflow-x: auto;
    width: 350PX;
}
}	

@media only screen and ( min-width:767px ) {
.tablepress {
    display: block;
    overflow-x: hidden!important;
}
}