/* ------ ab 1250px ----- */
@media screen and (min-width: 1250px) {

}

/* ------ bis 1250px ----- */
@media screen and (max-width: 1250px) {
.inner {width:100%; padding:0 15px;}
}

/* ------ bis 1200px ----- */
@media screen and (max-width: 1200px) {
#sidebar-img img {width:100%; height:auto;}
}

/* ------ bis 1120px ----- */
@media screen and (max-width: 1120px) {
#sidebar-text, #sidebar-img {padding:15px 25px 15px 25px;}

#footer-left {width:60%;}
#footer-right {width:40%;}
}

/* ------ bis 1024px ----- */
@media screen and (max-width: 1024px) {

}

/* ------ bis 900px ----- */
@media screen and (max-width: 900px) {
.inner {padding:0;}
#logo {padding:10px 15px !important;}

#container {padding:15px 15px;}
#container, #sidebar {width:100%; float:none; clear:both;}
#sidebar {padding-bottom:0; margin-bottom:0; min-height:285px; height:auto; max-height:500px; width:100%;}
	#sidebar #sidebar-text {width:65%; float:left; height:auto; background:#1887dd;}
	#sidebar #sidebar-img {width:35%; float:right; height:auto; background:#1887dd;}
		#sidebar-img img {width:100%; height:auto;}
footer {padding:20px 15px 10px;}
}

/* ------ bis 827px ----- */
@media screen and (max-width: 827px) {
#footer-left {width:55%;}
#footer-right {width:45%;}
}

/* ------ bis 800px ----- */
@media screen and (max-width: 800px) {
#sidebar {min-height:250px;}

#footer-left, #footer-right {width:100%; text-align:center; padding-bottom:10px;}
}

/* ------ bis 750px ----- */
@media screen and (max-width: 750px) {
#sidebar {min-height:240px;}
}

/* ------ bis 700px ----- */
@media screen and (max-width: 700px) {
#sidebar #sidebar-text, #sidebar #sidebar-img {width:100%;}
}

/* ------ bis 685px ----- */
@media screen and (max-width: 685px) {

}

/* ----- bis 640px ----- */
@media screen and (max-width: 640px) {

}

/* ----- bis 480px ----- */
@media screen and (max-width: 480px) {
#logo {width:90% !important;}
}

/* ----- bis 425px ----- */
@media screen and (max-width: 425px) {
h1, h2, h3, h4, h5, h6 {font-size:17px;}
}

/* ----- bis 368px ----- */
@media screen and (max-width: 368px) {
#footer-right ul#footer-menu li {padding:0px;}
#footer-right ul#footer-menu li:nth-child(1):after, #footer-right ul#footer-menu li:nth-child(2):after {padding-left:5px;}
}

/* ----- bis 320px ----- */
@media screen and (min-width: 10px) and (max-width: 320px) {

}