@media screen and (min-width : 0px) and (max-width : 1000px) {
#sticky {
    background: #fff none repeat scroll 0% 0%;
    height:0px !important;
}

.q_slider {
    border-top:0 !important;
    margin-top:0 !important;
}
    
.mobile_menu_button {
    display: block;
    clear:both;
    height: 100px;
    margin: 0;
    position:absolute;
    top:44px;
    left:8%;
}
    
/* HIDE TILE ON MY WHITE CO PAGE */
.page-id-17099 .title_outer {
    display:none;
}

.home .latest_post_holder ul li:first-of-type {
    margin: 0 0 0 2% !important;
}
}


/* SMALL DESKTOP + TABLETS DEFAULT ----------- */
@media screen and (min-width : 0px) and (max-width : 1200px) {
    
.mobile_menu_button .fa {
    font: normal normal normal 32px/1 FontAwesome !important;
}
    
input.wpcf7-form-control.wpcf7-submit:not([disabled]), input.wpcf7-form-control.wpcf7-submit {
    margin-top: 10px !important;
}

.wc-logo {
    width:100%;
    margin:30px auto 30px auto;
    text-align:center;    
}

.search-input {
    width:130px;
}

.carousel-inner h2 {
    font-size: 6em !important;
}
    
.wpb_wrapper {
    margin-bottom:20px !important;
}

.latest_post_holder  ul, .popular_post_holder ul  {
    margin-bottom:10px !important;
}
    
.instagram-header {
    padding:17px 0px 41px 0px;
}

.lets-connect-panel {
    padding:0 0 30px 0 !important;
    text-align:center !important;
    margin:0 auto 0 auto !important;
    width:auto;
}

 .mywhiteco-panel {
    padding-bottom:20px !important;
}
    
.full-width-blog-posts {
    clear:both;
    margin-left:-5px !important;
    width:101% !important;
}

.signup-form {
    padding:0 !important;
    border-bottom:30px solid #fff !important;
}

.signup-col1 {
    width:7% !important;;
    text-align:left !important;
    margin-top:4px !important;
}
    
.signup-col2 {
    width:33% !important;;
    text-align:left !important;
}
    
.signup-col3 {
    width:32% !important;;
    text-align:left !important;
}
    
.signup-col4 {
    width:10% !important;;
    text-align:left !important;
}

.signup-input, .signup-input:focus, wpcf7-text, wpcf7-text:focus {
    border-radius:0 !important;
}
    
.signup-submit {
    margin-top:20px !important;
}

.archive-wrapper h3 {
    margin:0 0 20px 0px !important;
}
    
.archive-list-panel ul {
    margin:0;
}

.q_social_icon_holder .fa-stack.fa-4x, .q_social_icon_holder i.simple_social.fa-4x {
    width:30px !important;
    height:30px !important;
    line-height: 0px !important;
}
    
.q_social_icon_holder .fa-stack.fa-4x i {
    font-size: 16px;
    line-height: 30px;
    vertical-align: top;
}
}


/* SMALL SCREENS ----------- */
@media screen and (min-width : 0px ) and (max-width : 1000px)  {

.pagination ul li span, .pagination ul li a {
    font-size: 14px;
    width: 22px;
    height: 22px;
    line-height: 22px;
}

input.wpcf7-form-control.wpcf7-submit:not([disabled]), input.wpcf7-form-control.wpcf7-submit {
    margin: 10px auto 0 auto !important;
}

/* FONT SIZE SHRINKING */
.post_text {
    font-size: 12px !important;
}
    
.post_text h3 {
    font-size: 18px !important;
}

.post_read_more a {
    font-size: 9px !important;
}
/* FONT SIZE SHRINKING */

.archive .blog_holder article {
    width: 22.2%;
}

.blog_holder.masonry article {
    width:45% !important;
}
    
.side_menu_button_wrapper {
    display:none !important;
}
    
.mobile_menu_button {
    display: block;
    clear:both;
    height: 100px;
    margin: 0;
    position:absolute;
    top:45px;
    left:8%;
}
    
.side_menu_button_wrapper {
    display: inline-block;
    position: absolute;
    right:8%;
    top:1px;
}
    
#menu-white-co-top-menu-categories {
    display:none;
}
    
#sticky {
    height:0px;
    background:#fff;
}

.q_slider {
    border-top:0px;
    margin-top:0px;
}
    
.wpb_wrapper {
    margin-left:-15px;
    margin-right:-15px;
}
    
.wpb_wrapper h3 {
    width:100% !important;
}

.latest_post_holder.boxes.three_columns > ul > li:nth-child(2n+1), .latest_post_holder.boxes.four_columns > ul > li:nth-child(2n+1) {
    clear:none !important;
}
    
.latest_post_holder, .popular_post_holder, .mywhiteco_holder {
    width:100% !important;
    margin-left:0;
    margin-right:0px;
}

/* .latest_post_holder  ul li {
    margin:0 2% 0 0 !important;
    width:32% !important;
} */
    
.latest_post_holder.boxes.two_columns > ul > li:nth-child(2n), .latest_post_holder.boxes.three_columns > ul > li:nth-child(3n) {
    margin:0 !important;
}
    
.social-panels {
    float:none !important;
    width:100%;
    clear: both !important;
    padding:0 0 40px 0 !important;
}
    
.social-wrapper {
    width:100%;
}
    
.instagram-header {
    background:#e9e8e8;
}

#sb_instagram.sbi_col_1 #sbi_images .sbi_item, .sbi_photo_wrap, .sbi_photo_wrap img {
    max-width:417px !important;
    height:auto !important;
    width:100% !important;
    max-height:800px;
}

#sb_instagram .sbi_photo_wrap {
    max-height:400px !important;
    margin-bottom:10px !important;
}
 
.instagram-panel {
    text-align:left;
    float:left;
    width:45%;
    margin:0 !important;
    padding:0 !important;
}
    
.instagram-follow {
    text-align:center;
    width:100%;
    margin:0;
    clear:both;
    max-width:500px;
}

.instagram-follow a, .mywhiteco-cta a {
    color:#fff !important;
    background:#000 !important;
    padding:10px 40px 10px 40px;
    display:block;
    border:0 solid #fff;
    text-decoration:none;
    text-transform:uppercase;
    font-style:normal !important;
    font-family: Arial,Helvetica,sans-serif;
    font-size:11px;
}

.instagram-follow a:hover, .mywhiteco-cta a:hover {
    color:#000 !important;
    background:#fff !important;
    border:0 solid #000;
    text-decoration:none;
}

.mywhiteco-panel {
    text-align:left;
    float:right;
    width:45%;
    margin:0 !important;
    padding:0 !important;
}
    
.mywhiteco-promo-text .cta {
    padding:0 20px 0 20px !important;
    margin:8px 0 6px 0 !important;
}

.mywhiteco-cta {
    width:100%;
    text-align:center;
    max-width:500px;
    margin:10px 0 0 0;
}

.lets-connect-panel {
    width:10%;
    text-align:center;
    float:left;
    padding-top:60px !important;
    padding-bottom:20px !important;
    margin:0 !important;
}
    
.lets-connect-panel .fa {
    display:block !important;
    padding:0 !important;
}
    
.lets-connect-header {
    display:none;
}
    
    
.q_social_icon_holder .fa-stack.fa-4x, .q_social_icon_holder i.simple_social.fa-4x {
    width:40px !important;
    height:40px !important;
    line-height: 60px !important;
    margn-left:20px;
    margn-right:20px;
}
    
.q_social_icon_holder .fa-stack.fa-4x i {
    font-size: 20px;
    line-height: 40px;
    vertical-align: top;
}
    

.instagram-panel, .lets-connect-panel, .mywhiteco-panel {
    margin:0 !important;
}

.instagram-header, .lets-connect-header, .mywhiteco-header {
    padding:17px 0px 20px 0px;
}
    
.full-width-blog-posts {
    clear:both;
    width:102%;
    margin-left:0;
    margin-right:0px;
    padding-top:10px !important;
}
    
.full-width-blog-posts li:nth-child(4n) {
    display:none !important;
}

.latest_post_holder.boxes.four_columns > ul > li, .popular_post_holder.boxes.four_columns > ul > li {
    margin:0 !important;
}

.latest_post_holder.boxes.four_columns > ul > li:nth-child(2n) {
    margin:0 2% 0 2% !important;
}
    
.full-width-blog-posts ul li {
    width:32% !important;
    margin:0 !important;
}

#owl-demo {
	margin:30px 2.5% 40px 2.5% !important;
    width:100% !important;
}
    
.signup-form {
    /* width:105% !important; */
    width:100% !important;
    margin:0 !important;
    padding:0 0 20px 0 !important;
}
    
.signup-col1, .signup-col2, .signup-col3, .signup-col4 {
    display: block !important;
    width: 100% !important;
    margin: 0px auto !important;
    text-align: center !important;
}
    
.signup-col1 {
    padding:30px 0 0 0 !important;
    margin:0 auto !important;
}
    
.signup-col2 {
    padding:10px 0 0 0 !important;
    margin:0 auto !important;
    line-height:110% !important;
}
    
.signup-col3 {
    padding:0 !important;
    margin:0 auto !important;
    margin-bottom:-10px !important;
}
    
.signup-col4 {
    padding:0 !important;
    margin:0 !important;
    margin-top:-10px !important;
}

.signup-col1 img {
    max-width:40px !important;
}

.signup-input, .signup-input:focus, wpcf7-text, wpcf7-text:focus {
    width:80% !important;
    text-align:center;
}

div.wpcf7-response-output.wpcf7-validation-errors, div.wpcf7-response-output.wpcf7-mail-sent-ok {
    font-size:12px;
    margin: -32px 0px 0px !important;
}
    
div.wpcf7-response-output {
    padding: 17px 30px 17px 25px !important;
}

.signup-submit {
    margin:20px auto 0 auto !important;
    display:block !important;
}

/* CUSTOM ID FOR EDITOR PICK SLIDER */
.vc_custom_1451561441173 {
    margin-left:0px !important;
}
    
.single-pager-left {
    /* padding:20px 40px 0 40px !important; */
    padding:20px 20px 0 20px !important;
}

.whiteco-post-content-holder {
    padding: 0 60px 40px 0;
}

.hero-static-image {
    margin-left: -20px !important;
}
}



/* MOBILE SCREENS DEFAULT / PORTRAIT ----------- */
@media screen and (min-width : 0px ) and (max-width : 700px) {
    
/* body {
    line-height: 120%;
} */
    
.title_subtitle_holder {
    margin-top:-20px;
    border-top:1px solid #e9e8e8;
}

.title h1 {
    padding-top:20px;
}

.qbutton, #submit_comment {
    text-transform:uppercase !important;
    background-color:#000 !important;
    color:#fff !important;
    border-radius:0 !important;
    position: relative !important;
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    line-height: 120% !important;
    margin:0px 10px 0 10px !important;
    font-size: 11px !important;
    padding: 8px 17px 6px 17px !important;
}
    
/* .wpb_wrapper {
    margin-left:0px;
    margin-right:0px;
} */
    
.wc-logo {
    margin:20px auto 10px auto;
}
    
.wc-logo img {
    max-width:180px;
}

.carousel-inner h2 {
    font-size:3em !important;
}

.mobile_menu_button {
    top:25px;
}
    
.side_menu_button_wrapper {
    display: inline-block;
    position: absolute;
    right:8%;
    top:-11px;
}
   
.blog-header-left {
    text-align:center;
    width:100%;
    display:block;
    padding:0;
}

.search-page article {
    width: 100% !important;
    margin:0 !important;
}
    
.shop-online {  
    max-width:100px;
    margin:0 auto 0 auto;
    padding:8px 0 0 35px;
}

.shop-online, .shop-online a, .shop-online a:hover {
    border:1px solid #ccc !important;
    height:21px;
}

.shop-online:hover {
    border:1px solid #000 !important;
}

.search-box {
    display:none;
}

.blog-header-middle {
    width:80%;
    display:block;
    text-align:center;
    margin:20px auto 0 auto;
}

.blog-header-middle div img {
    margin:10px 0 0 0;
}
    
/* .q_slider {
    height:300px;
} */

.vc_col-sm-12 {
    padding-left:0px !important;
    padding-right:0px !important;
}

.wpb_wrapper h3 {
    width: 100% !important;
    margin:20px -10px 20px 0px !important;
}
    
.post-wrapper .latest_post_holder.boxes > ul > li, .popular_post_holder.boxes > ul > li {
    clear:both;
    display:block;
    margin:0;
    float:none !important;
}

.post-wrapper .latest_post_holder, .popular_post_holder {
    clear:both;
    display:block;
    width:100% !important;
    float:none !important;
}

.post-wrapper .latest_post_holder  ul, .popular_post_holder ul {
    margin-bottom:40px !important;
    margin-left:15px !important;
}

.category .blog_holder article, .category .blog_holder article:nth-of-type(1), .category .blog_holder article:nth-of-type(4), .category .blog_holder article:nth-of-type(7), .category .blog_holder article:nth-of-type(10), .category .blog_holder article:nth-of-type(2), .category .blog_holder article:nth-of-type(5), .category .blog_holder article:nth-of-type(8), .category .blog_holder article:nth-of-type(11), .category .blog_holder article:nth-of-type(3), .category .blog_holder article:nth-of-type(6), .category .blog_holder article:nth-of-type(9), .category .blog_holder article:nth-of-type(12) {
    display:block;
    vertical-align: top !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
}

.archive .blog_holder article, .archive .blog_holder article:nth-of-type(1), .archive .blog_holder article:nth-of-type(4), .archive .blog_holder article:nth-of-type(7), .archive .blog_holder article:nth-of-type(10), .archive .blog_holder article:nth-of-type(2), .archive .blog_holder article:nth-of-type(5), .archive .blog_holder article:nth-of-type(8), .archive .blog_holder article:nth-of-type(11), .archive .blog_holder article:nth-of-type(3), .archive .blog_holder article:nth-of-type(6), .archive .blog_holder article:nth-of-type(9), .archive .blog_holder article:nth-of-type(12) {
    display:block;
    vertical-align: top !important;
    width: 100% !important;
    text-align: center !important;
    margin: 0 !important;
}



/* .home .post-wrapper .latest_post_holder   ul li, .home .post-wrapper .latest_post_holder   ul li:first-of-type, .home .post-wrapper .latest_post_holder.boxes.two_columns > ul > li:nth-child(2n), .home .post-wrapper .latest_post_holder.boxes.three_columns > ul > li:nth-child(3n), .category .post-wrapper .latest_post_holder   ul li, .category .post-wrapper .latest_post_holder   ul li:first-of-type, .category .post-wrapper .latest_post_holder.boxes.two_columns > ul > li:nth-child(2n), .category .post-wrapper .latest_post_holder.boxes.three_columns > ul > li:nth-child(3n), .popular_post_holder ul li, .popular_post_holder  li:first-of-type, .popular_post_holder.boxes.two_columns > ul > li:nth-child(2n), .popular_post_holder.boxes.three_columns > ul > li:nth-child(3n), .popular_post_holder.boxes.three_columns > ul > li:nth-child(4n)  {
    margin:0 !important;
    width:100% !important;
    display:block;
    float:none !important;
}

.pagination li {
    margin:0 !important;
    width:auto !important;
    display:inline-block;
    float:left !important;
} */

.post-wrapper .latest_post_holder.boxes > ul > li .latest_post, .popular_post_holder.boxes > ul > li .latest_post  {
        padding:20px 0 40px 0 !important;
}

.post-wrapper .latest_post_holder   ul, .popular_post_holder ul {
    margin:0px !important;
    /* display:block !important; */
}

.post-wrapper .latest_post_holder.boxes > ul > li .latest_post, .popular_post_holder.boxes > ul > li .latest_post {
    padding: 20px 20px 40px 20px !important;
}
    
.lets-connect-header {
    display:block;
}
    
.full-width-blog-posts .latest_post_holder   ul  {
    margin:0 !important;
    width:100%;
}
    
.social-panels {
    float:none !important;
    width:100%;
    clear: both !important;
    padding:0 !important;
}

.instagram-panel, .lets-connect-panel, .mywhiteco-panel, .instagram-header, .instagram-follow, lets-connect-header, .mywhiteco-header, .mywhiteco-promo-text, .mywhiteco-cta {
    width:100%;
    text-align:center;
    clear:both !important;
    float:none !important;
    max-width:1000px !important;
}

.mywhiteco-cta {
    width:80%;
    margin:20px auto 20px auto;
}

.instagram-follow {
    width:80%;
    margin:0 auto 0 auto;
}
    
.lets-connect-panel {
    margin-top:20px !important;
    padding:0 0 30px 0 !important;
    text-align:center !important;
    margin:20px -2.5 0 5% !important;
    width:100% !important;
}
    
.q_social_icon_holder .fa-stack.fa-4x, .q_social_icon_holder i.simple_social.fa-4x {
    width: 47px !important;
    height: 47px !important;
    line-height: 0px !important;
}
    
.q_social_icon_holder .fa-stack.fa-4x i {
    font-size: 24px;
    line-height: 50px;
    vertical-align: top;
}

.signup-col2, .signup-col3 {
    width: 80% !important;
}

.archive-list-panel {
    display:block;
    width:96%;
    padding:0 2% 0 2% !important;
    margin-bottom:10px !important;
    margin-left:auto;
    margin-right:auto;
}

.archive-outer {
    margin:0 0 20px 0;
}

.popular-posts {
    border-top:0px solid #e9e8e8;
}

.popular-posts h3 {
    padding:0 0 10px 0;
}

.popular_post_holder ul li:first-of-type, .popular_post_holder ul li:nth-of-type(4n+0), .popular_post_holder ul li:nth-of-type(5n+0) {
    margin:0 !important;
}

.whiteco-post-info h2 {
    font-size:24px;
    padding-top: 0px !important;
}

.posts-gallery-info {
    font-size:16px;
    margin:20px 0 5px 0 !important;
}

.centred-text-caption {
    margin-top: -20px !important;
}

.posts-gallery-info-2 {
   border-bottom: 0px  !important;
}

.left-align-image {
    display:block;
    max-width:100%;
    margin-bottom:20px;
    margin-right: 20px;
}

.left-align-text {
    display:block;
    max-width:100%;
    text-align:center;
}

.left-align-text-inner, .left-align-image-wrapper .Times, .left-align-image-wrapper .Arial {
   /* padding:0 20px 0 20px; */
   padding:0 10px 0 0 !important;
}

.header-font-size-Huge {
    font-size:30px !important;
    padding:10px 20px 20px 0px !important;
}

.header-font-size-Large {
    font-size:28px !important;
    padding:10px 25px 20px 0px !important;
}

.header-font-size-Medium {
    font-size:20px !important;
    padding:10px 25px 20px 0px !important;
}

.header-font-size-Small {
    font-size:16px !important;
    padding:10px 25px 20px 0px !important;
}

.post-intro {
    font-size:16px !important;
    padding:10px 25px 20px 0px !important;
}

.in-post-image {
    padding:20px 20px 20px 0 !important;
}

.collage-image, .collage-image-wrapper .collage-image:nth-of-type(3n+0) { 
    display:inline-block;
    vertical-align:top;
    max-width:48%;
    padding:2% 4% 1% 0%;
}

.collage-image-wrapper .collage-image:nth-of-type(2n+0) { 
    padding: 2% 0 1% 0%;
}

.addthis_toolbox {
    margin:20px auto 20px auto !important;
}

.plugin-controller {
    /* padding:0 20px 0 20px; */
    padding: 0 20px 0 0px;
}

.search-page {
    width:100% !important;
    margin:0 !important;
}

.popular_post_holder ul li {
    margin: 0 1.5% 0 1.5% !important;
    width: 46% !important;
    text-align: center;
    display: inline-block !important;
    vertical-align: top;
}
}


@media screen and (min-width : 0px ) and (max-width : 800px)  {

.centred-text-caption {
    text-align: left !important;
}

.archive .blog_holder article {
    width: 22%;
}

#at-share-dock {
    box-shadow: 0 !important;
}
}


/* MOBILE SCREENS LANDSCAPE ----------- */
@media screen and (min-width : 0px ) and (max-width : 600px) and (orientation:landscape) {
.latest_post_holder    ul {
    margin-left:0 !important;
}
    
.instagram-panel {
    margin-top:40px !important;
}
    
.instagram-header {
    background:#e9e8e8 !important;
}
    
.instagram-follow {
    text-align:center;
    width:100%;
    margin:-20px 0 0 0;
    clear:both;
    max-width:500px;
}
    
.instagram-follow a, .mywhiteco-cta a {
    color:#fff !important;
    background:#000 !important;
    padding:10px 40px 10px 40px;
    display:inline-block;
    border:1px solid #fff;
    text-decoration:none;
    text-transform:uppercase;
    font-size:14px;
    font-style:normal !important;
    font-family:arial !important;
}

.instagram-follow a:hover, .mywhiteco-cta a:hover {
    color:#000 !important;
    background:#fff !important;
    border:1px solid #000;
    text-decoration:none;
}

.mywhiteco-panel {
    margin-left:0px !important;    
}
    
.full-width-blog-posts .latest_post_holder  ul  {
    margin:0 0 0 -10px !important;
    width:103%;
}
    
.signup-col1, .signup-col2, .signup-col3, .signup-col4 {
    width:100% !important;
}
 
.signup-col1 {
    display:none !important;
}
    
.signup-col2 {
    padding:20px 10px 0 10px !important;
    margin:0 auto 0 -20px !important;
    line-height:110% !important;
}
    
.signup-col3 {
    padding:0 10px 0 10px !important;
    margin:0 auto 0 -20px!important;
    margin-bottom:-10px !important;
}
    
.signup-col4 {
    padding:0 10px 0 10px !important;
    margin:-10px auto 0 -20px !important;
}
    
.vc_custom_1451561441173 {
    margin-left:-15px !important;
}
    
.boxes_excerpt {
    line-height:120%;  
    padding:0 20px 10px 20px;
}
    
}













/* SMALL MOBILE SCREENS DEFAULT  ----------- */
@media screen and (min-width : 0px ) and (max-width : 480px) {

.mywhiteco_holder h2, .mywhiteco_holder h3 {
    padding:0 20px 0 20px !important;
}
    
.mobile_menu_button .fa {
    font: normal normal normal 26px/1 FontAwesome !important;
}
    
.mywhiteco_holder {
    padding-top:0px !important;
}
    
.popular_post_holder ul li {
    margin:0 !important;
    width:100% !important;
    display:block !important;
}

#owl-demo {
	margin:20px 0 20px 0% !important;
    width:100% !important;
}

.editors-pick-price-small {
    font-size:90%;
}
    
.editors-pick-panel {
    padding:0;
}

.editors-pick-panel-promo {
    right:0px;
}

.owl-theme .owl-controls{
	margin:10px 0 0 -2.5%;
}

.blog_holder.masonry article {
    width:100% !important;
}

.single-pager-left {
    padding: 20px 20px 10px 20px !important;
}

.hero-static-image {
    margin-left: -20px !important;
}

.whiteco-post-content-holder {
    padding: 0 20px 40px 0;
}
}