@media screen and (max-width: 980px) and (min-width: 240px){}
@media screen and (max-width: 800px) and (min-width: 240px){}

@media screen and (max-width: 800px) and (min-width: 240px){
	.mein_calender_section{ background-image: none;height: auto !important; background:url(../images/mobile_bg.jpg)  0px  0px no-repeat;  background-size: cover; }
	.calender_row .cldr_col{ width: 50%; border-left: 1px solid #fff; border-top: 1px solid #fff;}
	.logo_seciton{  position: inherit; background-color: rgba(255,255,255,0.70); width: 100%;}
	.calender_row .cldr_col:nth-child(2n){border-right: 1px solid #fff;}
	.calender_row .cldr_col:nth-child(5){border-left: 1px solid #fff;}
	.calender_row .cldr_col:nth-child(6){ display: none;}
	.calender_row .cldr_col:nth-child(7){ display: none;}
	.calender_row .cldr_col:nth-child(9){border-bottom:0px solid #fff;}
	.calender_row .cldr_col:nth-child(10){border-bottom: 0px solid #fff;}
	.calender_row .cldr_col:nth-child(11){border-bottom: 1px solid #fff;}
	.calender_row .cldr_col:nth-child(12){border-bottom: 1px solid #fff;}
	.logo_title { margin-top: 15px;}
    .popup_section_inner{width:100%;}
	/*.links_section{ margin-top: 15px; font-size: 25px !important;}
	.popup_section_inner{ width: 100%; top: 0%; bottom: 0%; margin: auto;}*/
}

@media screen and (max-width: 480px) and (min-width: 240px){
	.popup_section h1{ font-size: 18px;}
	.calender_row .cldr_col{ font-size: 80px !important;}
}

@media screen and (max-width: 380px) and (min-width: 240px){}

@media screen and (max-width: 320px) and (min-width: 240px){}

@media screen and (max-width: 270px) and (min-width: 240px){}