.mobile-show{
    display: none;
}


input, textarea{
	border: none !important;
	border-radius: 0px !important;
   -webkit-appearance: none !important;
   -moz-appearance:    none !important;
   appearance:         none !important;
}


@media (max-width: 1100px) {
    .mobile-hide{
        display: block !important;   
    }
    
.sidebar, .nav {
     margin-right: 20px;   
    }
    
    .posts .left, .logo{
         margin-left: 20px;   
    }
    
    .popular .left{
        margin-top: 0px;
        margin-left: 0px;
    }   
    
    .logo{
     width: 21%;   
    }
    
    .nav.mobile-hide{
        display: block !important;
    }
    
    .wrapper.cat {
    width: 1120px;
    left: 0;
    max-width: 100%;
    padding-left: 20px;
        margin-left:0px;
    box-sizing: border-box;
}
    
    .cat .suggestion li{
        max-width: 350px;
    width: 30%;
        height: 70%;
}

 .cat .suggestion .thumb{
     max-width: 100%;
        height: auto;
    
}

    .cat .suggestion {
    max-width: 100%;
    }
    
      
     .baked .sub-head li {
    width: 33.3%;
    position: relative;
    border: solid 2px #ffa1f2 !important;
    display: inline-table;
    border-collapse: collapse;
    margin-left: -2px;
    margin-top: -2px;
    /* margin-left: -7px; */
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}
    
    .sub-head {
     height: auto;   
    }
    
    .sub-head .wrapper{
           padding-left: 20px;
    padding-right: 20px;
    }
    
    .sub-head h2.mobile-show{
        height:auto;
        background: none !important;
        text-align:center;
        width: 100% !important;
        box-sizing: border-box;
        left: 0px !important;
        margin: 0;
        position:relative;
        padding-top: 30px;
        padding-bottom: 0px;
        margin-bottom: 5px;
        display: inline-block;
    }
    
    .sub-head p.mobile-show{
        text-align:center;
        font-weight: 800 !important;
        font-style: italic;
        margin-bottom: 20px;
    }
    
     .sub-head ul {   
    width: 100%;
    position: relative;
    /* margin-left: 5px; */
    box-sizing: border-box;
    display: inline-table;
    margin-left: 0px;
    }
    
    .baked .sub-head li.mobile-hide{
     display: none !important;   
    }
   
    .crafted .sub-head li.mobile-hide{
     display: none !important;   
    }
    
      .crafted .sub-head li {
    width: 33.3%;
    position: relative;
    border: solid 2px #ffe000  !important;
    display: inline-table;
    border-collapse: collapse;
    margin-left: -2px;
    margin-top: -2px;
    /* margin-left: -7px; */
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}
    
      .themed .sub-head li.mobile-hide{
     display: none !important;   
    }
    
      .themed .sub-head li {
    width: 33.3%;
    position: relative;
    border: solid 2px #9afcc2  !important;
    display: inline-table;
    border-collapse: collapse;
    margin-left: -2px;
    margin-top: -2px;
    /* margin-left: -7px; */
    padding-left: 8px;
    padding-right: 8px;
    text-align: center;
}
    
    
    iframe{
        max-width: 100%;
        height: auto;
    }
    
    
    .single-post .left {
    max-width: 725px;
         width: 58.9%;
        margin-top: 30px;
        padding-left: 20px;
    position: relative;
}
    
     .about-sam.mobile-show{
        display: none;
        }
    
    .top-about .right{
        max-width: 485px;
        width: 44%;
        padding-right: 30px;
        box-sizing:border-box;
        
    }
    
    .about-girl{
          max-width: 485px;
        width: 53%; 
        height: 100%;
    }
    
    .top-about{
    height: 81%;
    }
    
    .about-sam{
        padding-right: 30px;
        padding-left: 30px;
         box-sizing:border-box;
    }
    
     .faq .wrapper {
            padding-right: 30px;
        padding-left: 30px;
         box-sizing:border-box; 
    }
    
    
}





@media (max-width: 1050px) {
    .sidebar {
    max-width: 325px;
        min-width: 325px;
    width: 38.5%;
        margin-top: 30px;
    }
    
    .posts .left {
    max-width: 725px;
    width: 58.9%;
        margin-top: 30px;
        
    }
    .popular .left{
        margin-top: 0px;
        margin-left: 0px;
    }   
    
    .footer .social a{
            width: 0px !important;
    box-sizing: border-box;
    overflow: hidden;
    }
    
    .footer .social{
         text-align: center;   
    }
    
    .footer .left {
        margin-left: 20px;
    }
    
    .footer .right{
        margin-right: 20px;
    }
}


@media (max-width: 900px) {

    
    .head-top,  .nav-section, .welcome, .top2.sticky{
        display: none;   
    }
    
    .mobile-hide{
     display: none !important;   
    }
    
    .mobile-show{
     display: block;   
    }
    
    
   .logo{
        min-width: 166px;
        margin: 0 auto !important;
        
    float: none !important;
    }
    
     .open{
             display: block;
    width: 22px;
    height: 15px;
    position: absolute;
    top: 18px;
    left: 50%;
        background-size: 100% !important;
        margin-left:100px;
    background: transparent url(images/mobile-drop_03.png) no-repeat;

        }
    
    
      .open.active{
             display: block;
    content: "";
    width: 22px !important;
    height: 15px !important;
    position: absolute;
     top: 18px;
    left: 50%;
        margin-left:100px;
    background: transparent url(images/nav-drop2_03.png) no-repeat !important;
        background-size: 13.5px !important;

        }
    
 .lower   {
    display: block;
    width: 100%;
    clear: both;
    background: #fff;
    box-sizing:border-box;
    text-align: center;
    padding: 30px;
}
    
   #menu-mobile{
        background: #fff;
    display: inline-block;
    left: 0px;
    position: relative;
    width: 100%;
        padding-top:30px;
    }
    
    .social input {
    padding: 6px 80px 9px 15px;
    font-style: italic;
    border: none !important;
    background: #ffd0f8;
    position: relative;
        margin-top: 10px;
}
    
    .social .search-btn {
       position: absolute;
    right: 14px;
    width: 12px;
    height: 12px;
    background: url(images/search2_03.png);
    background-size: 12px !important;
    padding: 0px;
    top: 7px;
    cursor: pointer;
}
    
    .social form{
         text-align: center;
    width: auto;
    display: inline-block;
    position: relative;   
    }
    
    .social a.mail{
     margin-right: 0px;   
    }
    
    .nav-mobile{
         width: 100%;
    position: relative;
    height: 68px;
    text-align: center;
        display: block;
    border-bottom: solid 2px #e5e5e5;   
    }
    
    .nav{
   position: relative;
    width: 100%;
    top: 13px;
        display:none;
    z-index: 9999999;
    margin-right: 0px; 
    }
    
       .nav li{
     margin-left: 0px;
    width: 50%;
    left: 0px;
    line-height:55px;
    font-family: 'archer';
    height: 55px; 
    text-align: center;
    padding: 0px !important;
    /*    text-align: right; */
        float:left;
    display: inline-block;
    text-transform: capitalize;
    font-size: 26px;
    letter-spacing: 1px;
    padding-top: 33px;
    padding-bottom: 10px;
    background: #fff;
    background-position: center bottom;   
        padding-right: 10px !important;
            box-sizing: border-box;
    }
    
    
    .nav li.current-menu-item {
          background: #fff !Important;
        background-image: none !important;
    }
    
    
     .nav li:nth-child(even) {
        text-align: left; 
        padding-left: 10px !important;
        padding-right: 0px !important;
          box-sizing: border-box;
    }
        
        
     .nav li:hover{
        background: #fff !Important;
        background-image: none !important;
    }
    
   .nav li a{
    width: 115px;
    display: block;
    background-color: white;
    float: right;
    text-align: left;
}
    
       .nav li.themed a, .nav li.about a,  .nav li.crafted a {
        text-align:  left;
        float:left;
          width: 115px;
         display: block;
    } 
    
    .nav  .baked a{
        background: url(images/donut_07.png) no-repeat left center !important;
        background-size: 20px !important;
        padding-left: 30px;
    }
    
      .nav  .crafted a{
        background: url(images/crafted_07.png) no-repeat left center !important;
        background-size: 17px !important;
        padding-left: 30px;
    }
    
      .nav  .crafted a{
        background: url(images/crafted_07.png) no-repeat left center !important;
        background-size: 17px !important;
        padding-left: 31px;
    }
    
     .nav  .inspired a{
        background: url(images/inspired_07.png) no-repeat left center !important;
        background-size: 27px !important;
        padding-left: 35px;
    }
    
    .nav  .themed a{
        background: url(images/themed_07.png) no-repeat left center !important;
        background-size: 18px !important;
        padding-left: 31px;
    }
    
       .nav  .favorites a{
        background: url(images/favorites_07.png) no-repeat left center !important;
        background-size: 20px !important;
        padding-left: 30px;
    }
    
   .nav  .about a{
        background: url(images/about-mobile_07.png) no-repeat left center !important;
        background-size: 20px !important;
        padding-left: 30px;
    }
     .nav  .contact a{
        background: url(images/contact-nav_03.png) no-repeat 2px center !important;
        background-size: 18px !important;
        padding-left: 30px;
    }
    
    
    .posts .left{
        
     width: 100%;
        max-width: 100%;
        text-align: center;
        box-sizing:border-box;
          padding-left: 10px;
        padding-right: 10px;   
        margin-left: 0px;
    }
      .posts    .post-title{
            color: #444;
        font-size: 20px !important;
         font-family: 'archer' !important;
            margin-bottom: 20px !important;
        }
    .post{
       padding-left: 10px;
        padding-right: 10px;   
    }
    
        .posts p {
    margin-bottom: 20px;
}
    
       .single-post .left {
        width: 100%;
        max-width: 100%;
          box-sizing:border-box;
          padding-left: 10px;
        padding-right: 10px;   
        margin-left: 0px;
}
    
    .single-post .sidebar{
     display: none;   
    }
    
     .single-post   .post-title, .single-post .post-cat{
        text-align: center;
    }
    
    .single-post   .post-title{
     margin-bottom: 20px;   
    }
    
    
    .post-small{
        width: 49% !important;
            display: inline-table;
       padding-left: 10px;
        padding-right: 10px; 
        margin-bottom: 10px;
        box-sizing: border-box;
    }
    
     .post-small .thumb{
   
     overflow: hidden !important;
    margin-bottom: 10px;
        width: 100%;
}
  

    
    .sidebar{
        float: none;
        width: 100%; 
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
        margin-top: 60px !important;
        clear:both;
    }
    
    #social-scroll{
            height: 151px;
        background: #ffecfc !important;
    }
    
      #social-scroll h5{
     color: #ff63e0;   
    }
    
    #social-scroll h2 {
     margin-bottom: 10px !important;   
    }
    
    #social-scroll li{
     top: 10px;   
    }
    
    #social-scroll .pin{
    background: url(images/scroll-pin2_03.png);
    background-size: 100%;
}
    #social-scroll .insta{
    background: url(images/scroll-insta2_03.png);
    background-size: 100%;
}
    #social-scroll .fb{
    background: url(images/scroll-fb2_03.png);
    background-size: 100%;
}
    #social-scroll .twit{
    background: url(images/scroll-twit2_03.png);
    background-size: 100%;
}
    #social-scroll .blog{
    background: url(images/scroll-blog2_03.png);
    background-size: 100%;
}
    #social-scroll .snap{
    background: url(images/scroll-snap2_03.png);
    background-size: 100%;
}
    
    .popular li img{
    width: 100% !important;
}
    
    .popular li p{
        width: 100%;
        text-align: center;
         font-family: 'archer' !important;
        font-size: 20px !important;
        font-weight: 200 !important;
        margin-bottom: 15px;
    }
    
    .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin: 0 auto;
}
    
    .owl-dots {
    display: block !important;
}
    .owl-dot{
     display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
    }
    
    .popular .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
}
    
    .active span{
     background: #4c4c4c !important;   
    }
    
    .newsletter{
      float: left;
         width: 47%;
        min-width: 330px;    
    }
    
    .ad{
     float:right;  
            margin-bottom: 60px;
        width: 47%;
         min-width: 330px;  
    }
    
    .archives{
     clear:both;   
    }
    
    .popular{
     display: block;
    max-width: 325px;
    float: left;   
    }
    
    .explore{
        float:right;
        width: 45%; 
            margin-top: 40px;
    }
  
    
    
    .top-about {
        height: auto;
        background: none;
    }
    

    .top-about .right {
    max-width: 485px;
        width: 100%;
    margin-top: 0px;
        padding-right: 25px;
            padding-left: 25px;
        box-sizing: border-box;
    text-align: center;
    float: none;
    margin: 0 auto;
}
    
    
.social a.fb{
 background: url(images/top-fb2_03.png) no-repeat top center;
    background-size: 15px;
}

.social a.pin{
 background: url(images/top-pin2_03.png) no-repeat top center;
    background-size: 15px;
}
.social a.insta{
 background: url(images/top-insta2_03.png) no-repeat top center;
    background-size: 15px;
}
.social a.twit{
 background: url(images/top-twit2_03.png) no-repeat top center;
    background-size: 16px;
}
    
    .social a.blog{
 background: url(images/top-blog2_03.png) no-repeat top center;
    background-size: 16px;
}
    
    .social a.snap{
 background: url(images/top-snap2_03.png) no-repeat top center;
    background-size: 18px;
}
    
.social a.mail{
 background: url(images/top-mail2_03.png) no-repeat top center;
    background-size: 18px;
}
    
    .about-sam{
    width: 100%;
    padding-top: 40px;
        padding-bottom: 40px;
        box-sizing:border-box;
    background: #f2f2f2;
    padding-left: 25px;
    padding-right: 25px;
}

.about-sam h2{
text-align: center;
}

.about-me{
       max-width: 690px; 
        width: 100%;
         padding-left: 25px;
    padding-right: 25px;
         padding-bottom: 40px;
         box-sizing:border-box;
    }
    
.box {
    max-width: 300px;
        width: 43.4%;
    height: auto;
    text-align: center;
}
    
   .faq .wrapper {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
           padding-left: 25px;
    padding-right: 25px;
        box-sizing:border-box;
}
    
    
    .contact-form{
     padding-left: 25px;
        padding-right: 25px;
        box-sizing: border-box;
        
    }
    
    .contact-form .wrapper{
     max-width: 920px;
        width: 100%;
        
    }
    
    .wpcf7-submit{
            margin-top: 30px;
    }
     .contact-low {
        width: 100% !important;   
    }
    .contact-low .box{
     float:none;
        width: 100%;
        padding-left: 40px;
          box-sizing: border-box;
        
    }
    
    .Jan{
    border-color: #7df3ff !important;
    background: url(images/arch1_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Feb{
    border-color: #ffa1f2 !important;
    background: url(images/arch2_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Mar{
    border-color: #b0ffd0 !important;
    background: url(images/arch3_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Apr{
    border-color: #fff35c !important;
    background: url(images/arch4_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.May{
    border-color: #7df3ff !important;
    background: url(images/arch5_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Jun{
    border-color: #fff35c !important;
    background: url(images/arch6_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Jul{
    border-color: #ffa1f2 !important;
    background: url(images/arch7_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Aug{
    border-color: #7df3ff !important;
    background: url(images/arch8_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Sep{
    border-color: #ffa1f2 !important;
    background: url(images/arch9_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Oct{
    border-color: #fff35c !important;
    background: url(images/arch10_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}

.Nov{
    border-color: #ffa1f2 !important;
    background: url(images/arch11_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}


.Dec{
    border-color: #b0ffd0 !important;
    background: url(images/arch12_03.png) no-repeat center 5px !important;
    background-size: 27px !important
}
    
    .page-title {
    -webkit-text-fill-color: white;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #444;
    font-family: 'plutomedium' !important;
    margin-bottom: 60px !important;
    text-transform: uppercase;
    text-align: center;
    margin-top: 60px;
    display: inline-block;
    text-align: center;
    width: 100%;
}

    
    
}






@media (max-width: 720px) {
    
   
.hero{
       width: 100%;
    /* left: 0px; */
}


.features{
    display: none;
} 
    
    .wrapper{
   
    }
    
     
    .newsletter{
      float: none;
         width: 47%;
        min-width: 350px;  
        
    }
    
    .ad{
     float:none;  
            margin-bottom: 60px;
          min-width: 350px;  
        margin: 0 auto !important;

    }
    
      .popular{
     display: block;
    max-width: 325px;
    float: none; 
        margin: 0 auto;
    }
    
    .explore{
        float:none;
        width: 100%; 
    }
    
      .footer .social a{
            width: 0px !important;
    box-sizing: border-box;
    overflow: hidden;
        margin-right: 10px;
    }
    
    .footer .social{
         text-align: center;   
    }
    
    .footer .left {
        margin-left: 0px;
        width: 100%;
        text-align:center;
        padding-left: 40px;
        padding-right: 40px;
        box-sizing: border-box;
    }
    
    .footer .right{
        margin-right: 0px;
        width: 100%;
        text-align:center;
    }
    
     .cat .suggestion li{
        max-width: 350px;
    width: 46%;
}
    
    
        .suggestion {
         max-width: 1120px;
        width: 100%;
        box-sizing: border-box;
    }
    
    .suggestion li {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    padding: 0;
    list-style: none;
    float: left;
    text-align: center;
}
    
    .suggestion {
    margin-top: 30px;
    margin-bottom: 60px;
    padding-right: 20px;
    padding-left: 20px;
        
        
}
    
    .suggestion .thumb {
    max-width: 100%;
        width: 100%;
}
    
    #comments{
        width: 100%;
        box-sizing: border-box;
    
    }
    
  #respond{
    max-width: 725px;
    width: 100%;
    height: 100% !important;
    background: url(images/comments-13.png) no-repeat;
    box-sizing:border-box;
    background-size:100%;
    padding-top: 70%;
    padding-bottom: 310px;
    
}   
    .comments-title{
          padding-right: 10px;
    padding-left: 10px;
    }
    
    .comment-list{
        padding-right: 10px;
    padding-left: 10px; 
    }
        
    #comment, #comments p{
        width: 100% !important;   
        float: none !important;
    }
    
    #email-notes, #reply-title, .comment-notes{
        display: none;   
    }
    
    .page-title{
     line-height: 1.1em !important;   
    }
    
    #commentform{
       width: 100% !important;
    display: block;
    padding-left: 35px !important;
    padding-right: 35px;
    position: absolute;
    float: none;
    left: 0px;
    box-sizing: border-box !important;
}

    #respond input{
        float:none;
        width: 100%;
    }
  
    
    .about-sam.mobile-show{
        width: 100%;
        max-width: 720px;
        max-height: 948px;
        background: url(images/saw-about.png) no-repeat;
        background-size: 100%;
        padding-top: 20%;
        text-align:center;
        margin-top: 30px;
        display:block !Important;
    }

  .about-sam.mobile-show h3{
	font-size: 20px !important
}

 
    #mc_embed_signup{
        padding-top: 105px;   
    }
    
}


@media (max-width: 450px) {
    
      .cat .suggestion li{
    width: 100%;
        max-width: 100%;
         height: auto;
    }
    
    .suggestion .thumb {
    max-width: 100%;
        width: 100%;
}
    
     .wrapper.cat {    
    padding-right: 20px;    
    }
    
    .share a {
    width: 15px;
    height: 28px;
    margin-top: 5px;
    display: inline-block;
    background: #f1f1f1;
    margin-left: 2px;
    margin-right: 2px;
    }
    
    .share .pin, .share .twit, .share .fb, .share .mail{
            background-size: 100%;
    }
    
    .ad{
     float:none;  
            margin-bottom: 30px;
        width: 100%;
         min-width: 0px; 
	max-width: 100%;
	background-repeat: none !important;
         box-sizing: border-box;

    }
    
    .newsletter{
         width: 100%;
         float:none; 
   min-width: 0px;  
max-width: 100%;
background-repeat: none !impo.navrtant;
        box-sizing: border-box;
    }
    
  

 .box h3{
        font-size: 24px !important;   
    }
   

}


@media (max-width: 350px) {
    .newsletter{
        max-height: 385px;
            padding-left: 20px;
    padding-right: 20px;
    }
    
    .popular{
        max-height: 450px;
    }
    
    #respond{
        max-height: 350px;   
    }
    
    .about-sam h2 {
    text-align: center;
    line-height: 1.4em;
}
    
    .box h3{
        font-size: 20px !important;   
    }

.popular{
	padding-top: 53px;
}

.popular h2{
	font-size: 32px !important;
}
    
#mce-EMAIL{
	width: 100%;
	padding-right: 20px;
	box-sizing: border-box;

}

.contact-form .wpcf7-email{
width: 100%;
	padding-right: 20px;
	box-sizing: border-box;
}

#respond input{
border: none !important;
	border-radius: 0px !important;
   -webkit-appearance: none !important;
   -moz-appearance:    none !important;
   appearance:         none !important;
}

.social a{
margin-right: 10px;
}

.post-info{
	font-size: 14px;
}
.share a{
width: 12px !important;

}

 
    #mc_embed_signup{
        padding-top: 105px;   
    }


}