@media only screen and (max-width: 320px) {
    .mb-slide {
        background: url('https://magicalbutter.com/wp-content/uploads/2015/11/mb3.png') no-repeat center center !important;
    }

}
@media only screen and (max-width: 470px) {
    .subcalz ul li div { padding: 15px 0 16px 0 !important; }
    .subcalz ul li div strong { font-size:10px !important; }
    .pressz { padding-bottom:120px !important; }
    .mbo-slide, .recipe-slide {
        font-size: 24px !important;
    }
    .recipe-catz li { width:100% !important; height: 100% !important; margin: 5px 10px 5px 0 !important; max-width: none !important; max-height: none !important; }

    .button-wrap .watch-button, .button-wrap .watch-button.green, .button-wrap .watch-button.orange {
        font-size: 20px !important;
        margin: 0px auto 20px auto !important;
        padding: 21px 55px !important;
        font-weight: bold;
        position: static !important;
        display: block;
        border: 2px solid #fff !important;
        background: #99ff5b !important;
        color:#000;
        width:100% !important;
    }
    .button-wrap .buy-button, .button-wrap .watch-button { width:100% !important; }
    .button-wrap .buy-button {
        border: 2px solid #fff;
        position: static !important;
        padding: 21px 0px !important;
        font-size: 20px !important;
        display: block;
        font-weight: bold;
        white-space: nowrap;
    }
    .mbo-slide .overlay {
        /* background: rgba(102, 153, 153, 0.4) !important; */
        background: none !important;
    }
    .mb-slide {
        background: url('https://magicalbutter.com/wp-content/uploads/2015/11/mb2.png') no-repeat center center;
    }
    .mb-slide .overlay {
        /* background: rgba(85,199,235,0.7); */
        background: none !important;
        padding: 10px 0 !important;
    }
    .mb-slide h1 {
        margin-top: 0px;
        color: #000;
    }
    .recipe-slide .overlay {
        /* background: rgba(0,0,0,0.4); */
        background: none !important;
    }
    .wrap {

    }
    .intro h1 {
        font-size: 30px !important;
    }
    .midz {
        font-size: 26px !important;
        margin-bottom: 150px;
        display: block;
        color: #000;
        line-height:29px;
       /* background: rgba(85,199,235,0.5);*/
    }
    .mid2 {
        width:100% !important;
        color:#fff;
    }
    .fourth-slide .carousel-text h2 {
        font-size:30px !important;
        margin: 70px 0 5px 0;
    }
    .eighth-slide .carousel-text h2 { margin: 70px 0 5px 0;}
    .fourth-slide .carousel-text span {
        margin-top:10px !important;
        font-size: 16px !important;
    }
    .about .quotes .quote-item {
        font-size: 20px !important;
    }
    .footer-bottom li a {
        width: 100%;
        display: block;
        background: #8bc751;
        color: #000;
        font-weight: bold;
        border-radius: 5px;
        padding: 8px;
    }
    .ft-address1, .ft-address2 {
        font-size: 17px;
    }
    .txt-block h2 {
        font-size: 27px !important;
        margin-top:15px;
    }
    .txt-block h2 span { font-size: 19px; }
    .quote-full { display: none; }
    .as-seen .heading { font-size:31px; white-space: nowrap; }
    .first-slide h2, .third-slide h2, .seventh-slide h2 { font-size:25px !important; }
    .first-slide .carousel-text { font-size:19px !important; }
    .second-slide .carousel-text, .third-slide .carousel-text, .fifth-slide .carousel-text {
        padding: 0 40px 15px 40px !important;
        font-size: 19px !important;
    }
    .second-slide .carousel-text .button-wrap, .first-slide .carousel-text .button-wrap, .sixth-slide .carousel-text .button-wrap, .seventh-slide .carousel-text .button-wrap { display:none; }
    .content-carousel .second-slide .carousel-text, .content-carousel .third-slide .carousel-text, .content-carousel .fifth-slide .carousel-text { margin: 75px auto 0 auto; }
    .what-mb.content-carousel .carousel-text h2 { line-height: 29px !important; }
    .third-slide .watch-button, .fifth-slide .watch-button { color: #fff !important; }
    .third-slide .buy-button, .fourth-slide .watch-button, .fifth-slide .buy-button, .eighth-slide .watch-button { display:none; }
    .sixth-slide h2 { font-size:18px !important; }
    .seventh-slide h2 { display: none !important; }
    .fourth-slide .button-wrap { margin-top: 20px !important; }
    .sixth-slide .carousel-text { font-size: 19px !important; }
    .fifth-slide .carousel-text { font-size: 18px !important; }
    .fifth-slide h2, .first-slide h2 { margin-top: 50px !important; }
    .sixth-slide .carousel-text, .seventh-slide .carousel-text { font-size:18px !important; }
    .seventh-slide .carousel-text { padding-top:20px !important; }
    .content-carousel .fifth-slide .carousel-text { padding-top: 50px !important; }
    .content-carousel .seventh-slide .carousel-text {
    margin-top: -30px !important; }
    div.child-cat-name { font-size:25px !important; }

}
@media only screen and (max-width: 600px) {
    img.mobilepromoz { display: block !important; }
    img.desktopromoz { display: none !important; }
    img.tabletpromoz { display: none !important; }
    ul.featured li.rotw div { padding: 5% 5% 5% 10% !important; font-size:22px !important; }
    ul.featured li.rotw span { font-size:14px !important; }
    .lefto { float:left; width:100% !important; margin-bottom:0px !important; margin-left:10px !important; }
    .righto { float:left; width:100% !important; margin-bottom:25px; margin-left:10px !important; }
    i.glyphicon.glyphicon-play-circle { top: 4px !important; }
    #video_button { font-size: 25px !Important; margin-top: 45% !important; }
    #video_button a { padding:5px 10px !important; }
    .searched input[type=search] { width:76% !important;float:left; }
    .searched input[type=submit] { width:23% !important; margin-left:1% !important;float:left; }
    .searched { max-width:500px; margin:0 auto !important; }
    #toolz_wrap { width: 100% !important; text-align: center; }
    #toolz_wrap a span { display: none; }
    a.toolz_print { display: block !important; }
    #toolz_wrap a { width: 17% !important; padding:0px !important; margin: 20px 8% !important; background-position: 0 50%; height: 40px;  }
    div.child-cat-name { font-size:30px !important; }
    p.amazonz {
        width:95% !important;
        margin:0px 5% 0px 0px !important;
    }
    }
@media only screen and (max-width: 860px) {
   .tabletpromoz { display: block !important; }
   .desktopromoz { display: none !important; }
   #video_button { margin-top: 35% !important; }
   li.recipez-wrap, li.rotm, li.rotw, .recipe-catz li, li.trend  { max-width: none !important; }
   #pf-app { width: 100% !important; }
    div.child-cat-name { font-size:28px !important; }
    ul.featured li div { font-size:26px !important; }
    h2.cat-title { margin-left:30px !important; margin-right:30px !important; }
    p.cat-description { margin-left:30px !important; margin-right:30px !important; }
        .handz {
    margin-top:80px !important;
    margin-left: 140px !important;
    }
    .hands { padding-top:20px !important; }
    .ingredz-ad { width:100% !important; float:left; padding:20px 0;  }
    .ingredz-ad a img { width: 100% !important; }
    .ingredz-core { width:100% !important; float:left; padding:20px 0; }
    p.amazonz {
        width:96% !important;
        margin:0px 4% 0px 0px !important;
    }
}





@media only screen and (max-width: 1200px) {
ul.featured li span, ul.featured li.rotw span { font-size: 20px !important; }
}



@media only screen and (max-width: 1540px) {
div.errorbox-good { width:96% ; margin:0 2%; float: left; }
.ss-q-item-label { width:23%; float:left; text-align:right; line-height: 50px; padding-right:2%; }
div.ss-form-entry>input { width: 75% !important; float:left; color:#000000 !important; }
}

@media only screen and (max-width: 1060px) {
.ss-q-item-label { width:33%; float:left; text-align:right; line-height: 50px; padding-right:2%; }
div.ss-form-entry>input { width: 65% !important; float:left; color:#000000 !important; }
}
@media only screen and (max-width: 670px) {
.ss-q-item-label { width:100% !important; text-align:left !important; line-height: 18px !important; padding-right:0px !important; }
div.ss-form-entry>input { width: 100% !important; float:left; color:#000000 !important; }
}
h2 { font-family: 'Open Sans', Arial !important; }

.pressz { margin:20px auto -80px auto; padding:25px 25px 60px 25px; font-size:22px; text-align: center; background-color:rgba(0, 0, 0, 0.8); color:#fff; }


/* -- Recipe Category Styles -- */
.category-header img { width: 100%; }
.category-header h2 { margin-top:15px !important; font-size:36px; }
.category-header h2,.category-header p { max-width:1125px; margin:0 auto;  font-family: 'Open Sans', arial !important; }
.category-header p { font-size:19px; }
.recipez-wrap { float: left; margin-right: 40px; display: inline-block; width: 300px;}
.recipe-clear { clear:both !important; height:50px; }
ul.recipez-section { margin: 10px auto 30px auto; display: block; max-width: 1070px; }
.search-term-count { margin-left:10px; }


/* -- Recipe High Level Display Styles -- */
.ingredz-core ul li { list-style: disc !important; }
.recipe-catz { margin:0 auto 50px auto; max-width:1068px; }
.recipe-catz li { position:relative; margin:3px; display:block; float:left; width:100%; height:100%; max-width:350px; border:10px solid #F2F0EB; }
.recipe-catz li a { }
.recipe-catz li a img { border:1px solid #000; width:100%; height: 100%; -webkit-filter: brightness(70%); -webkit-transition: .2s all;filter: brightness(70%); -moz-transition:.2s all; }
.recipe-catz li a img:hover { -webkit-filter: brightness(100%); -webkit-transition: .5s all; filter: brightness(100%); -moz-transition:.2s all;}
h5.recipez-nav { max-width: 975px; margin:0 auto; font-size:1px; text-align: center; font-weight: bold; color: #fff; }
h5.recipez-nav a { color:#fff; }
.recipe-catz li a h5 { display:none; }
.recipe-catz li a span.countz { display:block; background:#000; border-radius:5px; z-index: 5; position: absolute; top:5%; right:5%; font-weight: bold; font-size:18px; line-height:18px; text-align:center; width:50px; height:30px; padding:5px 0 10px 0; color: #fff; }
h3.recipez { display:none; color:#000; text-align:center; max-width:930px; margin:0 auto 5px auto; font-size:26px; }
h3.recipez span { color:#8bc53f; }
.clear { clear:both !important; }
div.child-cat-name { bottom: 0; width:100%; text-align:center; position:absolute; z-index:5; font-size:25px; font-weight:bold; color:#fff; padding: 5% 5% 10% 5%; }
div.child-cat-name:hover { display: block !important; }
div.child-cat-name span { font-weight:normal; font-size:14px; }

ul.featured li a img { border:1px solid #000; width:100%; height: 100%; -webkit-filter: brightness(70%); -webkit-transition: .2s all; filter: brightness(70%); -moz-transition:.2s all;}
ul.featured li a img:hover { -webkit-filter: brightness(100%); -webkit-transition: .5s all; filter: brightness(100%); -moz-transition:.2s all;}
ul.featured { max-width: 1068px; margin: 0 auto; }
li.rotw { width:100%; max-width:706px; border:10px solid #F2F0EB; float: left; margin:3px; display:block; position: relative; }
li.rotm { width:100%; max-width:350px; border:10px solid #F2F0EB; float: left; margin:3px; display:block; position: relative; }
li.trend { width:100%; max-width:350px; border:10px solid #F2F0EB; float: left; margin:3px; display:block; position: relative; }
ul.featured li div { bottom: 0; width:100%; text-align:center; position:absolute; z-index:5; font-size:25px; font-weight:bold; color:#fff; padding: 5% 5% 10% 5%; }
ul.featured li.rotw div { padding: 5% 5% 5% 5%; font-size:25px; }
ul.featured li.rotw span { font-size:18px; }
ul.featured li span { font-weight:normal; font-size:18px; }
img.attachment-recipe-post { max-width:1000px; margin: 0 auto 0 auto;}
.wp-post-image {
	width:100%;
	height:100%;
	max-width:800px;
}
#recipe_title h1 {
	color:#fff;
	font-family: 'Open Sans', arial;
	margin-top:10px;
	margin-bottom: 10px;
}
#recipe_title {
	padding:10px;
	text-align:Center;
	color:#fff;
}
#highlights_section {
	font-size:18px;
	color:#fff;
	width:100%;
}
#video_button {
	height: 100%;
	width:100%;
	z-index:10;
	position:absolute;
	margin: 0 auto;
	vertical-align:bottom;
	margin-top: 400px;
	font-size:4.5em;
}
#ingredients_section {
	font-size:18px;
	color:#000;
	width:100%;
	overflow:auto;
}
#howto_section {
	font-size:18px;
	color:#fff;
	width:100%;
}
#highlights_section p {
	margin: 0;
	padding: 0;
}
.ingredients_section_title {
	font-size:48px;
	font-weight:bold;
	color:#620203;
}
.howto_section_title {
	font-size:48px;
	font-weight:bold;
	color:#fff;
}
.howztooz ol { list-style: decimal !important; }
.howto_section li:before {
	color:#fff;

}
#title_wrap {
	max-width:1100px;
	margin:0 auto;
	padding-top:30px;
	padding-left: 20px;
}
#inner_wrap {
	max-width:1000px;
	margin:0 auto;
	padding:30px;
}
i.glyphicon.glyphicon-play-circle {
	font-size:1em;
}
#inner_wrap ul {
	list-style:none !important;
}
#fb_comments {
	font-size:18px;
	color:#000;
	width:100%;
}
.ingredz-ad { width:46%; display: block; float:right; padding:20px 0;  }
.ingredz-ad a img { max-width: 450px; }
.ingredz-core { width:50%; float:left; padding:20px 0; }
.ropencbox { top:85px !important; }
.preloaded { display: none; }
a.recipsearch {
  left: 0;
  background: #FFF url('https://magicalbutter.com/wp-content/uploads/2016/02/green-search-1.png') no-repeat 10px 6px;
  font-size: 25px;
  padding: 17px 30px 14px 70px;
  color: #8ac43d;
  border: 2px solid #8ac43d;
  border-radius: 10px;
  width:100%;
  max-width: 300px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -o-border-radius: 10px;
  margin:20px auto 35px auto;
  display: block;
}
a.recipsearch:hover { background: #8ac43d url('https://magicalbutter.com/wp-content/uploads/2016/02/green-search-1.png') no-repeat 10px -51px; color: white; cursor: pointer; cursor: hand; }
.lefto { float:left; width:45%; margin-bottom:25px; margin-left:40px; }
.righto { float:left; width:45%; margin-bottom:25px; margin-left:40px; }
.searched { width:100%; min-height: 50px; margin:10px; text-align: center; }
.searched input[type=search] {
   padding:9px;
   width:25%;
   font-size:16px;
       -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.searched input[type=submit] {
   padding: 10px;
   font-size:16px;
   background:#9CD427;
   color:#3a5704;
   width:100px;
   border: 1px solid #4a5501;
    background-image: linear-gradient(top, #31b2c3, #0483a0);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;

}
.image-wrap { background: #000; }
img.recipsearch { max-width:200px; }
img.how2 { width:45px; height:45px; padding:0 0 5px 0; margin: 0 0 0 0; }
img.ing { width:45px; height:45px; padding:0 0 7px 0; margin: 0 0 0 0; }


/* -- Default styles --*/
nav#nav li ul { z-index: 10000; }
.mid2 {
    width:60%;
    display: block;
    margin: 0 auto;

}
.warning-txt-content {
    text-align: justify;
}
.carousel-control span:hover {  color: #8AC43D !important; }
body.logged-in .home-header, body.logged-in .inner-header { margin-top: 0px !important;  }
.big-green-heading { font-family: 'Open Sans', arial !important; }

.recent-recipe-container li {
    max-width:350px;
}

/* CSS for Recipe Search and Recipe Category Pages */
li.recipez-wrap {
    position: relative;
    margin: 3px;
    display: block;
    float: left;
    width: 100%;
    height: 100%;
    max-width: 350px;
    border: 10px solid #F2F0EB;
}
a.recipe-image img {
    border: 1px solid #000;
    width: 100%;
    height: 100%;
    -webkit-filter: brightness(70%);
    -webkit-transition: .5s all;
    -moz-transition:.5s all;
    filter: brightness(70%);
}
a.recipe-image img:hover {
    -webkit-filter: brightness(100%);
    -webkit-transition: .5s all;
    filter: brightness(100%);
     -moz-transition:.5s all;
}
div.recipezname {
    bottom: 0;
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 5;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    display: block;
    padding: 5% 5% 10% 5%;
    min-height: 112px;
}
.rescued {     padding-right: 100px !important;  margin-top: -25px; }

.cat-description { max-width: 1040px !important;  }
.cat-title { max-width: 1040px !important;  }
#toolz_section { display: block; }
#toolz_wrap { width: 490px; margin: 0 auto; }
#toolz_wrap a { display:block; float:left; color:#fff; line-height: 30px; padding:5px 10px 10px 55px; font-size: 28px; margin: 20px 20px 10px 10px;}
a.toolz_print { background: url('https://magicalbutter.com/wp-content/uploads/2016/02/list.png') no-repeat 0 0;  cursor: pointer; cursor: hand;   }
a.toolz_download { background: url('https://magicalbutter.com/wp-content/uploads/2016/02/downloadz.png') no-repeat 0 0; }
a.toolz_share { background: url('https://magicalbutter.com/wp-content/uploads/2016/02/sharez.png') no-repeat 0 0;  }
#toolz_wrap a span { font-weight: normal !important; }
#toolz_wrap a span:hover { color: #ccc; }
#toolz_wrap a.toolz_share{margin-top: 35px; }
#inner_wrap h3, h3.ingredients-icon {  font-family: 'Open Sans', arial; }
h4.articlez a { display: block; border:2px solid #8BC53F; border-radius: 5px; background: #fff; color:#8BC53F !important; text-decoration: none !important; text-align: center; font-size:18px; margin:5px auto; width:25%;}
h4.articlez a:hover { background: #8BC53F; color:#fff !important; }


/* Custom Code for Notifications */
h5.ebayz { 
    line-height: 55px;
    color: #fff;
    text-transform: uppercase;
    float: left;
    width:20%;
    padding:10px 0;
    text-align: center;
    font-size:20px;
    height: 100%;
    display: block;
}
.edn-template-1 { background-color: #000 !important; }
p.amazonz {
    display: block;
    color: #000;
    float:left; 
    width:98%;
    padding:10px;
    background: #fff;
    border: 10px solid #000;
    line-height: 18px;
    font-size:13px;
    margin:0px 2% 0px 0px  !important;
}
p.amazonz span { font-size: 14px; font-weight: bold; color: #000; }
p.amazonz b { color: red; }
.edn_middle_content { padding: 0px !important; }
.fa:hover { color:red !important; }


 /* Custom Code for MBGreen Promo Banner */
.mbgreenweekz {
    width:100%;
    padding:0;
    background:#000000;
}
.promoz-wrap {
    max-width:1160px;
    margin:0 auto;
}
.promoz-wrap a img {
    max-width: 1160px;
    margin:0px;
    width:100%;
}
.txtz {
    display:block;
    text-align:center;
}

.countdownz {
    width:100%;
    padding:13px 0;
    background:#F16522;
}
.countdownz-wrap {
    max-width:1160px;
    margin:0 auto;
}
.deetz {
    font-family: 'AvenirLTStd-Light', sans serif, arial;
    font-size: 22px;
    line-height: 22px;
    text-align:center;
    font-weight: bold;
    padding: 0 10px;
    color:#fff;
}
.countdown {
    font-weight:bolder;
}
@media (max-width: 640px) {
div.printfriendly{
    width: 100%;
    text-align: center;
    float: none;
    overflow: hidden;
    padding-left: 0;
    margin: 0px 0 10px 0;
    padding-top: 20px;
    padding-bottom: 20px;
}
#toolz_wrap div.printfriendly a{
    float: none;
    padding: 0;
    margin: 0;
}
#toolz_wrap a.toolz_share{
    width: 100%;
    text-align: center;
    float: none;
    overflow: hidden;
    margin-top: 0;
    background-position: 180px center;
}
}

@media only screen and (max-width: 600px) {
#toolz_wrap a span {
    display: block;
}
#toolz_wrap a.toolz_share{
    background-position: 0 35%;
    width: 130px !important;
    margin: 0 auto !important;
    text-align: right;
} 
#toolz_wrap a {
    width: 280px !important;
    float: none;
    margin: 0 auto !important;
    max-width: 85%;
}
#toolz_wrap{
    padding: 20px 0;
}
#toolz_wrap a.shopping-button{
    width: 225px !important;
    text-align: right;
}

}