@charset "utf-8";
/* CSS Document */
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor the meta tag.
 */
@-ms-viewport {
 width: device-width;
}
@viewport {
 width: device-width;
}

@media (max-width: 1920px) {
}

@media (max-width: 1400px) {
* html body, body {
 width: 100%;
 min-width: 100%;
}
}

@media (max-width: 1200px) {
* html body, body {
/*background: #EBCAE3 !important;*/
}
}

@media (max-width: 1140px) {
* html body, body {
/*background: #D9E6FF !important;*/
}
}

@media (max-width: 1024px) {
* html body, body {
/*background: lightgray !important;*/
}
}

@media (max-width: 999px) {
* html body, body {
/*background: gray !important;*/
}
}

/* Collapse oversized image and pulled images after iPad breakpoint. */
@media (max-width: 768px) {
* html body, body {
/*background: lightgreen !important;*/
}
#footer .copyright { text-align: center; padding: 0;}
#footer .footer-logo {margin: 0 auto;}
}

@media (max-width: 767px) {
* html body, body {
/*background: green !important;*/
}
#home_section1 .icon_cols ul li {
 width: 45%;
}
}

@media (max-width: 643px) {
* html body, body {
/*background: #ADA9AA !important;*/
}
.heading {
 font-size: 22px;
 line-height: 30px;
}
}

@media (max-width: 480px) {
* html body, body {
/*background: #F2B7EA !important;*/
}
#home_section1 .icon_cols ul li {
 width: 100%;
 margin: 10px 0;
}

}

/* Mobile devices */
@media (max-width: 359px) {
* html body, body {
/*background: blue !important;*/
}
}

@media (max-width: 319px) {
* html body, body {
/*background: skyblue !important;*/
}
}