@media screen and (max-width: 31.5em) {

	.grid {

		padding: 10px 10px 100px 10px;

	}

	.grid li {

		width: 100%;

		min-width: 300px;

	}

}





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

.toggleMenu{ top: 153px}

/*.nav{ top: 105px!important}*/

.home-box{min-height: auto!important;}

.home-mediacura-about h2 strong{ display:block!important;}

}

       

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

    .masonry {

        -moz-column-count: 2;

        -webkit-column-count: 2;

        column-count: 2;

    }
    .home-mediacura-about h2 strong{ display:block!important;}

}



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

    .masonry {

        -moz-column-count: 3;

        -webkit-column-count: 3;

        column-count: 3;

    }
    .home-mediacura-about h2 strong{ display:block!important;}

}

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

    .masonry {

      -moz-column-count: 3;

        -webkit-column-count: 3;

        column-count: 3;

    }

}







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

    .container {width: 1200px;  

	}

	.left-nav-top .info-link{ display:none}

	

}

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

    .container {width: 1200px;  

	}

	.left-nav-top .info-link{ display:none}

	

}

@media screen and (width: 240px) { .home-mediacura-about h2 strong{ display:block!important;}}

@media screen and (width: 640px) {#container{ width:95%!important; }

#header { height:auto; /*position: relative; */}
.home-mediacura-about h2 strong{ display:block!important;}

#header .logo{ padding:10px; width:50%;}

.Page-Title{ text-align:center; font-size: 21px; margin-left:0; display:block}

.main-nav{border-bottom:0; border-left:0; border-right:0; left:0}

.s-icons{ float:none}
#home-products .h-product{ width:92%!important;}

.toggleMenu{ top: -22px;}

#bannerRotator{width: 100%; margin: 30px auto 0; height:50%}

#bannerRotator .content{ display:none}

#bannerRotator ul li img{height:100px}


#bannerNav{ display:none}

.main-nav{ width:100%;}


.nav li{ padding:0;}

.nav li a { font-size:16px}




#About-Boxes .About-b{width: 89%; margin-bottom: 20px;}

#About-Boxes .About-b .readmore{width:35%;}

#faculty-boxes .faculty{width: 91%; margin-bottom: 20px;}

.readmore{width: 88%;}

#footer .social-icons span{display: inline!important;}

.social-icons span img{ width:31%!important;}





#footer-boxes .footer-box, .footer-box1{width: 100%;}

#footer-boxes .footer-box1{width:87%!important}

.copyright{ float:none; text-align:center}

.copyright .fl{ float:none; }

.copyright .fr{ float:none; }

.org-comm-names .ac-box li {

    display: inline-block!important;

    margin: 3px 0 !important;

    width: 47%!important;

}

#bannerRotator ul li img{ height:auto}




}

@media screen and (width: 320px) {

.inner-banner #bannerRotator{ height:58px!important }

#bannerRotator{height:86px!important }
#header .logo{ width:66%; padding:10px;}
.nav{border-top: 1px solid #ccc;}
.home-mediacura-about h2 strong{ display:block!important;}

}

@media screen and (width: 360px) {#container{ width:95%!important}
#home-products .h-product{ width:84%!important}
.home-mediacura-about h2 strong{ display:block!important;}
#header { height:auto;/* position: relative;*/}

#header .logo{ padding:10px; width:70%; }

.s-icons{ float:none}

.toggleMenu{ top: -22px;}

#bannerRotator .content{ display:none}

#bannerRotator ul li img{height:100px}

#bannerNav{ display:none}

.main-nav{ width:100%;}

.nav{ display:block; padding:20px 0; left:0; margin-top:0px; text-align:right; border-top:1px solid #ccc;}

.nav li{ padding:0; display:block!important;}

.readmore{width: 88%;}



#footer-boxes .footer-box, .footer-box1{width: 100%;}

#footer-boxes .footer-box1{width:87%!important}

.copyright{ float:none; text-align:center}

.copyright .fl{ float:none; }

.copyright .fr{ float:none; }

#bannerRotator ul li img{ height:auto}

#bannerRotator{height:128px!important }

#home-box .box{ width:85%!important}

#contact-box .contact{ width:89%; margin-bottom:20px; height:auto}}

@media screen and (width: 667px) {}

@media screen and (width: 375px) {}

@media screen and (width: 768px) {

#container{ width:95%!important}

/*#header {  position: relative; padding-bottom:10px;}*/
.left-logo, .center-text-logo, .right-logo{ margin:0 auto; display:block; width:40%; height:165px;}

.center-text-logo{ width:100%}
.center-text-logo h1{ font-size: 25px;}
.center-text-logo h2{ font-size: 32px;}
.center-text-logo h4{ font-size: 20px;}



.toggleMenu{ top: -22px;}
#header .logo{ width:36%; padding:10px;}
.nav{border-top: 1px solid #ccc;}



.view{ width:96%; margin-bottom:20px;}
#bannerRotator{ height:129px;}
#bannerRotator .content{ display:none}
#ebooks-container .book{ width:96%; margin-bottom:20px;}
#bannerRotator .date-box{ display:none;}
#bannerNav{ display:none}

#headernav .toggleMenu{position: relative;}
#headernav .nav{ margin-top:0!important}
#headernav .nav li{ display:block;border-right:none}
#headernav .nav > li > a{ display:block;border-right:none}

.main-nav{ width:100%;}

#headernav .nav{display:block;left:0; text-align:left ;margin-top: 46px;}

#headernav .nav li{ padding:0; display:block; border-right:none;}

#headernav .nav li a { font-size:13px; padding:9px 10px 9px;  text-align:left  }

#headernav .nav li a:hover{ color:#fff; background:#d42128;  display:block; }
.readmore{width: 88%;}
#footer .footer{ background:#000}

#footer .footer .footer-box{ width:100%; margin-bottom:25px;}

.copyright{ float:none; text-align:center}

.copyright .fl{ float:none; }

.copyright .fr{ float:none; }






#contact-box .contact{ width:89%; margin-bottom:20px; height:auto}

#header .nav li .left-nav-top .info-link li a{ background:none!important; border-top:none!important; }



.social-icons span img{ width:31%}

#footer .social-icons span{padding: 0 5px;}

.readmore { margin:20px  auto; display:block}

#home-box .box{ width:83%; margin-bottom:20px;}

#footer .social-icons span{display: block; margin: 5px auto; padding: 0 5px text-align: center;}

.social-icons span img{ width:100%}

.inner-banner #bannerRotator{ height:143px; width:auto!important;}

.left-box{ display:none}

.divider{ display:none}

#header .vpss-text-icon h2{ text-align:center; margin-bottom: 15px; width: 100%;}

.s-icons{ display:block; float:none; margin:0 auto; width:88px; margin-top:7px; }

#header .toggleMenu{top:-6px;}
}



@media screen and (width: 736px) {}



@media screen and (width: 568px) {}

@media screen and (width: 600px) {}

@media screen and (width: 1024px) {}

@media screen and (width: 1136px) {}



@media only screen 

and (min-device-width : 640px) 

and (max-device-width : 1136px) 

and (orientation : landscape) {}



@media screen and (width: 800px) {}



@media screen and (max-width: 768px) {
.home-mediacura-about p{ padding:0}
#container{ width:95%!important}
#header { width:91%; left:15px;}
.toggleMenu{ top: -22px;}
#bannerRotator{ height:129px;}
#bannerRotator .content{ display:none}
#bannerNav{ display:none}
#headernav .toggleMenu{position: relative;}
#headernav .nav{ margin-top:0!important}
#headernav .nav li{ display:block;border-right:none}
#headernav .nav > li > a{ display:block;border-right:none}
.main-nav{ width:100%;}
.readmore{width: 88%;}
#footer .footer{ background:#000}
#footer .footer .footer-box{ width:100%; margin-bottom:25px;}
#contact-form .formfield{ display:block;  width: 96%;}
#header .nav li .left-nav-top .info-link li a{ background:none!important; border-top:none!important; }
.readmore { margin:20px  auto; display:block}
#footer .social-icons span{display: block; margin: 5px auto; padding: 0 5px text-align: center;}
.inner-banner #bannerRotator{ height:143px; width:auto!important;}
#header .toggleMenu{top:14px;}
.pagebg{padding: 30px 30px;}
.mediacura-content {width:100%;}
.mediacura-image{width:92%;}
.home-mediacura-inquirybox .simplify-business h2{ text-align:center;}
.home-mediacura-inquirybox .simplify-business p{ text-align:center;}
.home-mediacura-inquirybox .simplify-business .fl{ float:none}
.home-mediacura-inquirybox .simplify-business .fr{ float:none}
.home-mediacura-inquirybox .getintouch-box .getintouch {width:100%; margin-bottom:20px;}
.home-mediacura-inquirybox .getintouch-box .getintouch ul li{display: block; width: 100%; margin: 20px 0px;}
.home-mediacura-inquirybox .simplify-business fr{ float:none}
.mediacura-contenthub .contenthub{ width: 100%;}
.mediacura-brands .brands{ width: 100%;}
#contact-form{ width: 100%;}
.map-box{ width: 100%; margin-top:20px;}
#contact-form .formfield1{ width:97%;}

.home-mediacura-services .services-description{ margin:0; width:100%}
.home-mediacura-services .services-info{width:100%}
.home-mediacura-blog .blog-container .blog{width:100%; margin-bottom:20px;}
.home-mediacura-whyusbox p{ padding:0}
.mediacura-webmedia .webmedia{width:100%}
}

@media screen and (width:1024px) {

#bannerRotator{ height:280px;}

#header .toggleMenu{ right:80px; top:-4px}

.home-mediacura-about h2 strong{ display:block!important;}
}



@media screen and (width: 480px) {

#container{ width:95%!important}

/*#header {  position: relative; }*/
.left-logo, .center-text-logo, .right-logo{ margin:0 auto; display:block; width:40%; height:165px;}

.center-text-logo{ width:100%}
.center-text-logo h1{ font-size: 25px;}
.center-text-logo h2{ font-size: 32px;}
.center-text-logo h4{ font-size: 20px;}

#header .logo{ width:66%; padding:10px;}
.nav{border-top: 1px solid #ccc;}

.toggleMenu{ top: 14px;}

.home-mediacura-about h2 strong{ display:block!important;}

.view{ width:96%; margin-bottom:20px;}
#bannerRotator{ height:129px;}
#bannerRotator .content{ display:none}
#ebooks-container .book{ width:96%; margin-bottom:20px;}

#bannerNav{ display:none}

#headernav .toggleMenu{position: relative;}
#headernav .nav{ margin-top:0!important}
#headernav .nav li{ display:block;border-right:none}
#headernav .nav > li > a{ display:block;border-right:none}

.main-nav{ width:100%;}

#headernav .nav{display:block;left:0; text-align:left ;margin-top: 46px;}

#headernav .nav li{ padding:0; display:block; border-right:none;}

#headernav .nav li a { font-size:13px; padding:9px 10px 9px;  text-align:left  }

#headernav .nav li a:hover{ color:#fff; background:#d42128;  display:block; }
.readmore{width: 88%;}
#footer .footer{ background:#000}

#footer .footer .footer-box{ width:100%; margin-bottom:25px;}

.copyright{ float:none; text-align:center}

.copyright .fl{ float:none; }

.copyright .fr{ float:none; }







#contact-box .contact{ width:89%; margin-bottom:20px; height:auto}

#header .nav li .left-nav-top .info-link li a{ background:none!important; border-top:none!important; }



.social-icons span img{ width:31%}

#footer .social-icons span{padding: 0 5px;}

.readmore { margin:20px  auto; display:block}

#home-box .box{ width:83%; margin-bottom:20px;}

#footer .social-icons span{display: block; margin: 5px auto; padding: 0 5px text-align: center;}

.social-icons span img{ width:100%}

.inner-banner #bannerRotator{ height:143px; width:auto!important;}

.left-box{ display:none}

.divider{ display:none}

#header .vpss-text-icon h2{ text-align:center; margin-bottom: 15px; width: 100%;}

.s-icons{ display:block; float:none; margin:0 auto; width:88px; margin-top:7px; }

}







@media only screen and (width : 640px){

.contacts {

    width:96.1%;

}

.nav .left-nav-top .info-link li a { font-size:13px} #bannerRotator{width: 100%; margin: 30px auto 0; height:20%} #bannerRotator ul li img{height: auto;}

}







@media screen and (device-aspect-ratio: 40/71) { #container{ width:95%!important}

#container{ width:95%!important}

#header { height:auto; position: relative; padding-bottom:10px;}

#header .logo{ padding:6px 0; width:100%; border-bottom:3px solid #a7ce4d;}

.s-icons{ float:none}

.toggleMenu{ top: -22px;}

#bannerRotator{width: 100%; margin: 30px auto 0; height:50%}

#bannerRotator .content{ display:none}

 #bannerRotator{width: 100%; margin: 30px auto 0; } #bannerRotator ul li img{height: auto;}

#bannerNav{ display:none}

.nav{ background:#a7ce4d; display:block; padding:20px 0; left:0; margin-top: 35px; text-align:center;}

.nav li{ padding:0;}

.readmore{width: 88%;}



#footer .footer .footer-box{width: 100%;}

#footer .footer .navig{width: 100%!important}

#footer-boxes .footer-box1{width:87%!important}

.copyright{ float:none; text-align:center}

.copyright .fl{ float:none; }

.copyright .fr{ float:none; }





}