@media only screen and (max-width:1010px){
    #wrapper{
        width:98%
    }
    #sidebar{
        width:23%;
        padding:0
    }
    .categories li,.heading{
        width:100%
    }
    .categories{
        padding:0 5px
    }
    .heading{
        padding:0;
        margin:-39px 0 1px
    }
    .heading div{
        width:100%;
        background-size:cover
    }
    #twocolumns{
        width:75.3%
    }
    .logo{
        width:300px;
        margin:0 auto;
        height:100px;
        background-size:100% auto
    }
    #main{
        width:58%
    }
    #content{
        padding:10px
    }
    .google-search{
        margin:5px 0 13px 5px;
        padding:0
    }
    #cse-search-box{
        font-size:90%
    }
    .button1{
        padding:1px 8px 2px
    }
    .recipe-image img{
        width:100%;
        height:auto
    }
    .aside{
        width:39%
    }
    .adsbygoogle{
        width:100%!important
    }
    .visual img{
        width:100%;
        height:auto
    }
    #mc_embed_signup_scroll{
        margin:0
    }
    .mc-field-group{
        margin-left:2px
    }
    .mc-field-group label{
        font-size:95%
    }
    #mc_embed_signup_scroll p{
        padding:0 0 0 4px
    }
    .button{
        margin:0 0 0 4px
    }
    #footer{
        width:98%
    }
}
@media only screen and (max-width:767px){
    .logo{
        width:400px;
        height:122px
    }
    .clear{
        clear:both;
        font-size:1px;
        line-height:1px;
        display:block;
        height:0
    }
    #sidebar,.heading{
        display:none
    }
    .twocolumns{
        position:relative
    }
    #sidebar{
        background:#fff;
        float:none;
        margin:0;
        padding:0;
        position:static;
        width:100%;
        z-index:99999999;
        transition:all .3s ease-in-out;
        -moz-transition:all .3s ease-in-out;
        -ms-transition:all .3s ease-in-out;
        -o-transition:all .3s ease-in-out;
        -webkit-transition:all .3s ease-in-out
    }
    #wrapper,.clone_sec{
        -webkit-transition:.5s ease-in-out;
        -moz-transition:.5s ease-in-out;
        -o-transition:.5s ease-in-out
    }
    #mobile_menu{
        display:block;
        position:absolute;
        top:18px;
        left:0;
        background:url(../images/menu-icon.html) no-repeat;
        width:64px;
        height:46px;
        cursor:pointer
    }
    .clone_sec{
        width:188px;
        display:block;
        position:fixed;
        left:-190px;
        top:0;
        transition:.5s ease-in-out;
        background:#231F21;
        z-index:1;
        height:100%
    }
    #main,.banar img{
        width:100%
    }
    .clone_sec #sidebar{
        display:block;
        height:100%;
        overflow:auto
    }
    .clone_sec .heading{
        display:block;
        margin:4px 0 1px
    }
    #wrapper{
        transition:.5s ease-in-out;
        position:relative;
        top:0;
        left:0
    }
    body{
        overflow-x:hidden
    }
    .menu_sec .clone_sec{
        left:0
    }
    .close{
        position:absolute;
        top:0;
        right:0;
        cursor:pointer;
        -webkit-transition:.5s ease-in-out;
        -moz-transition:.5s ease-in-out;
        -o-transition:.5s ease-in-out;
        transition:.5s ease-in-out
    }
    .menu_sec .close{
        right:-30px
    }
    .aside,.google-search{
        display:none
    }
    .banar,.banar_in{
        display:block
    }
    #header{
        padding:0 0 12px
    }
    #twocolumns{
        width:100%;
        padding:10px 0 0
    }
    #content{
        min-height:840px;
        padding:10px 16px
    }
    .banar img{
        height:auto;
        position:static!important
    }
    .recipe-image{
        float:left;
        width:70%;
        margin:0 0 10px
    }
    .banar_in{
        float:right;
        width:29%
    }
    .banar_in img{
        width:100%;
        height:auto
    }
    .adsbygoogle{
        width:100%
    }
}
@media only screen and (max-width:599px){
    .banar_in{
        width:28%
    }
    #footer,#nav li{
        -webkit-text-size-adjust:100%
    }
    #footer strong a{
        font-size:100.01%
    }
}
@media only screen and (max-width:479px){
    .logo{
        width:300px;
        height:100px
    }
    #mobile_menu{
        width:40px;
        height:30px;
        background-size:100% 100%;
        top:22px
    }
    .recipe-image{
        width:66%
    }
    .banar_in{
        width:32%
    }
    #content h1{
        font-size:1.2em
    }
    #nav li{
        padding:0 8px 0 10px
    }
}