/*
Theme Name: EnaMag
Description: Used for responsive visual.
*/

/*****************************************************************************************/
/* Setup Responsive  (max-width  : 1024px)
/*****************************************************************************************/

@media only screen and ( max-width: 1050px ){
    
#magContainer.boxed {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px #cacaca;
    width: 1005px;
}

#main {
    width: 990px;
}
.magContainer,
.slider-caption{
    width: 1000px !important;
}

#mainSideBar,
.mag-widget,
.footerWidgetwrap{
    width: 330px;
}
#mainContent,
#mainContent .col-double{
    width: 660px;
}

.widgetBody .primaryPost{
    padding: 15px;
}
#sliderPartWrap .slider-small{
    width: 601px;
    height:100%;
}

/* due widgets thumb verticali*/
.widget-ajax-preview .miniBoxThumbnail,
 #mainSideBar .widget-ajax-preview-large .miniBoxThumbnail{
    padding: 10px;
}
/* widgets thumb horizontale*/
.widget-ajax-preview-large .miniBoxThumbnail{
    padding: 12px;
}
/* widgets columns*/
#mainContent .widget-columns .primaryPost {
    padding: 7px;
  }

}

/*****************************************************************************************/
/* Setup Responsive  (max-width: 1020px)
/*****************************************************************************************/

@media only screen and (max-width : 1020px) {
.siteLogo img{
        max-width: 220px;
    }
#magContainer.boxed {
    width: 765px;
    min-width: 765px;
}
.magContainer,
.slider-caption {
    min-width: 725px;
    width: 725px !important;
}
#mainContent,
#mainSideBar,
#topFooter,
.sidebar-noSidebar #mainContent{
    float: none !important;
    margin: 0 auto;
    overflow: hidden;
    width: 660px; 
}
.header-ad img{
    height: auto;
    max-width: 468px;
}
#sliderPartWrap .slider-small {
	width:100%;
	float:none;
}

#sliderPartWrap .slider-small img,
#sliderPartWrap .slider-big img{
    height: 362px;
   }

/* Colored Boxes*/
.tileBox {width: 100%;height: auto;}
.tileBox .coloredBox {margin-left: 0px;}

/* 9 Boxes*/
.box-9 li {width: 80px;}
.box-9 li:last-child {width:85px;}
.box-9 .boxIcon {font-size: 30px;}

/* 6 Boxes*/
.box-6 li {width: 120px;}
.box-6 li:last-child {width:125px;}
.box-6 .boxIcon {font-size: 44px;}

/* 4 Boxes*/
.box-4 li {height: 150px;width: 181px;}

.dropdown-menu{
    border-radius: 0;
    -moz-border-radius:0;
    -webkit-border-radius:0;
    }
    #sliderPartWrap .slider-small .flex-control-nav {
    position: static;
 }
}

/*****************************************************************************************/
/* Setup Responsive  (max-width: 480px)
/*****************************************************************************************/
@media only screen and (max-width: 767px){
#magContainer.boxed {
    width: 480px;
    min-width: 480px;
}

#topFooter,
.magContainer,
.slider-caption {
    min-width: 475px;
    width: 475px !important;
}

#mainContent {
    float: none !important;
    margin: 0 auto;
}

#mainSideBar {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
}

#mainContent,
#mainSideBar,
.footerWidgetwrap,
.post-contentPrimary,
.cycle-content,
.col-double,
.header-ad img,
.mag-widget{
   width:100% !important; 
}
#mainSideBar, 
.mag-widget, 
.footerWidgetwrap{
    margin-bottom: 5px;
}
.blogExerpt .post-contentPrimary{
    overflow: auto;
    margin-top: 10px;
    float: left;
}
.excerpt-img,.excerpt-img img{
    margin-right: 0!important;
    width: 100% !important;
    height: auto !important;
}
#sliderPartWrap .slider-small img,
#sliderPartWrap .slider-big img{
   height: 240px;
}
   #sliderPartWrap{
    padding: 15px 0;
}
.slider-caption{
    bottom: 0;
}
/* Boxes */
.tileBox {margin:0 auto;float:none;}
.tileBox .coloredBox{float: left;margin-left: 2px;}
.coloredBox-title {display: none !important;}

/* 9 Boxes*/
.box-9 .boxIcon {font-size: 20px !important;}
.box-9 .icon-effect{ box-shadow: none !important;}

.box-9 li {width:50px;height: 70px;}
.box-9 li:last-child {width:55px;}

/* 6 Boxes*/
.box-6 li {width:77px!important;height: 100px;}
.box-6 .boxIcon{font-size: 28px;}
/* 4 Boxes*/
.box-4 li {width:116px; margin-top:1px;}
.box-4 .boxIcon{font-size: 45px;}

/* Logo Ads*/
#logoAds{
    margin-bottom: 5px;
    margin-top: 0;
    min-height: inherit;
}
#logoAds .adsWrap {
    width:100%;
    float:none;
    height:100%;
    padding-right:0;
    text-align:right;
    line-height: 1;
}

#logoAds .logoWrap {
    width:100%;
    text-align:center;
    padding-left: 0;
}
.header-ad {
    text-align: center;
    padding: 5px;
}

#news{
    margin-bottom: 0!important;
}
.navbar{
    margin-bottom: 10px;
    min-height: 0;
}
.navbar-default .navbar-toggle{
    border: none;
    margin: 0;
}
.navbar-brand{
    padding: 9px 10px;
    height: auto;
}
#topBar.top-menu-right ul{
    float: none;
}
/*thumb*/
#mainSideBar .widget-ajax-preview-large .miniBoxThumbnail, 
.widget-ajax-preview .miniBoxThumbnail,
.widget-ajax-preview-large .miniBoxThumbnail{
     padding: 8px;  
}
/*search widget*/
.widgetSearchForm input[type="text"]{
    width: 92%;
    border:none;
}

/*related posts*/
.mag-related-post{
    width: 100%;
    padding: 0;
}

/* thumb widget*/

#mainContent .widget-ajax-preview-large .post-contentPrimary,
#mainContent .widget-large .post-contentPrimary{
    float: left;
    margin-top: 10px;
}

.collapse.navbar-collapse.primary-navbar-collapse{
    padding-left:  15px !important;
}

#mainContent .widget-columns .primaryPost,
#mainContent .widget-ajax-preview-large .primaryPost,
.related-posts > ul,
.blogExerpt{
    padding: 15px;
}
/*slider*/
.widget-slider .flexslider{
    height: 230px;
}
/*post share*/
.post-share .mag-soc{
    margin-left: 1px;

}
.visuallyhidden{
    display: none;
    }
}
/*****************************************************************************************/
/* Setup Responsive  (max-width: 479px)
/*****************************************************************************************/
@media only screen and (max-width: 479px){

body{
    background-image: none!important;
}
 #magContainer.boxed {
    min-width: 320px;
    width: 100%;
    margin-bottom: 0;
    margin-top: 0;
}
#magContainer.boxed #news {
    margin-top: 10px;
    width: 320px !important;
}
#topFooter,
.magContainer,
.slider-caption {
    min-width: 315px;
    width: 315px !important;
}

.mag-related-post img,
#mainContent .widget-columns .firstcat > div{
    width: 100%;
}

#sliderPartWrap .slider-small img,
#sliderPartWrap .slider-big img{
    height: 157px;
   }

#sliderPartWrap .slider-small .flex-control-nav li {
    padding: 0 3px 3px;
}

/* Colored Boxes*/
.tileBox .coloredBox {margin-left: 0px;}

/* 9 Boxes*/
.box-9 .boxIcon {font-size: 15px !important;}

.box-9 li {width:35px !important;height: 50px !important;}
.box-9 .icon-effect{ box-shadow: none !important;}

/* 4 Boxes*/
.box-4 .boxIcon {font-size: 26px !important;}

.box-4 li {height: 75px;width: 78px;}
.box-4 li:last-child {width:80px;}

/* 6 Boxes*/
.box-6 .boxIcon {font-size: 17px !important;}
.box-6 li {height: 75px;width: 52px;}
.box-6 li:last-child {width:55px;}
/*Menu*/

.collapse.navbar-collapse.primary-navbar-collapse{
    padding-left:  15px!important;
}
/* Logo Ads*/

/*search widget*/

.widgetBody .primaryPost,
.blogExerpt {
    padding: 5px !important;
}

/* large widget */

/* three widget*/
#mainContent .widget-columns .primaryPost {
    padding: 7px;
}
#mainContent .widget-columns .excerpt-img img {
    width: 100%;
    height: 150px;
}
/* thumb widget*/

#mainSideBar .widget-ajax-preview-large .miniBoxThumbnail, 
.widget-ajax-preview .miniBoxThumbnail, 
.widget-ajax-preview-large .miniBoxThumbnail,
.recent-pic .miniBoxThumbnail{
padding: 6px;
}

/*tabs widget*/
.enamag-tabs .headings a{

    padding:0.6em 1.2em; 
}
/*comune*/
.widgetBody .primaryPost .excerpt-img img{
    width: 100%;
    height: 150px;
}
/*slider*/
.widget-slider .flexslider {
    height: 149px;
}

/*post share*/
.post-share .mag-soc{
    margin-left: 1px;

}

}
