/**
 * Responsive overrides retained in their original cascade order.
 *
 * Loaded by inc/core.php.
 */

/* Responsive */
@media (max-width: 900px) {
    .bf-da-single .bf-da-video-grid {
        grid-template-columns: 1fr;
    }

    .bf-da-single .bf-da-video-card {
        max-width: 100%;
    }
}

@media (max-width: 767px) {
    .bf-da-single .bf-da-response-card {
        padding: 18px;
    }

    .bf-da-single .bf-da-response-header {
        flex-direction: column;
    }

    .bf-da-single .bf-da-response-header h3 {
        font-size: 24px;
    }

    .bf-da-single .bf-da-featured-image {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/* End Debates and Answers */

@media only screen and (max-width: 1200px) {
    ul.images li.image_thumb_wrapper{
        width:33%;
    }
}
@media only screen and (max-width: 1024px) {


	div.two-col, div.three-col, div.four-col{
	width:48%;
	}

	div.wrapperThumbs{
		text-align:center;
		margin:auto;
		display:block;
	}


	.generateThumbsBox{
		width:45% !important;
		max-width:500px;
	}

    ul.images li.image_thumb_wrapper{
        width:48%;
    }
	div.tying-method-video-container{
		flex-wrap:wrap;
	}

	div.tying-method-video{
		flex-basis:100%;
	}


}

@media (max-width: 991px) {

  
  	div.mediavideo{
	width:100%;
	margin: 10px 1%;
	}
	  div.mediavideo ul li{
		width:100%;
	  }

	div.subscribe-events ul li{
	  list-style-type:none;
	  width:100%;
	  margin: 0;
	  float:none;  
	}
	div.subscribe-events input[type="submit"]{
	  width:100%;
	  margin-left:0;
	  margin-right:0;
	  margin-top: 12px;

	}

	aside.blog-sidebar{
		border:none;
	}

	div.user-profile-video, div.fluid-width-video-wrapper{
		width:100% !important;
		height:auto;
		float:none !important;
		margin-left:0;
		margin-right:0;
	}

}


@media only screen and (max-width: 959px){
	.grve-container, #disqus_thread, #grve-content.grve-left-sidebar .grve-content-wrapper, #grve-content.grve-right-sidebar .grve-content-wrapper{
		width:100% !important;
		max-width:98% !important;
	}

	/*
	 * Apply the mobile gutter once at the main-content level. Some legacy
	 * WPBakery content contains nested .grve-container elements; limiting every
	 * nested container to 98% compounds the width and creates a narrow column.
	 */
	#grve-main-content{
		width:98%;
		margin-right:auto;
		margin-left:auto;
	}

	#grve-main-content .grve-container{
		width:100% !important;
		max-width:100% !important;
	}
	
	.tying-method-contentmainpartial2{
		width:100%;
	}

	div.footer-contact div.footer-contact-leftside{
		display:none;
	}
	div.footer-contact div.footer-contact-rightside{
		width:100%;
	}
	
	.chevron{
		font-size:12px;
		display:none;
	}
	li.menu-item-has-children,
	li.menu-item-has-children div,
	li.menu-item-has-children div a,
	li.menu-item-has-children div a span	
	{
		font-size:12px !important;
		font-weight:bold;
	}
}

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

	.header-sale{
		background-color:#fff  !important;
	}
	.header-sale, .header-sale a{
		color:#ff0000 !important;
	}
	div.twocols{
		width:100%;
		margin:6px 1%;
		float:none;
	}
}

@media only screen and (max-width: 560px){
	div.post-image{
		width:100%;
		max-width:100%;
		padding:20px 0 0 0;
		margin:10px auto 30px auto;
		float:none;
		text-align:center;
		border-top:1px solid #000;
	}
	div.post-image img{
		width:100%;
		height:auto;
	}

}



@media only screen and (max-width: 767px) {
    
    /* Tying Method Single*/
    
    div.tying-method-images-left{
        width:100%;
        float:none;
        margin-left:0%;
    }

    
    div.tying-method-images, div.tying-method-images2{
        width:100%;
        float:none;
    }
    

	div.tying-method-images div.tying-method-thumbnail{
		text-align:center;
		margin-left:auto;
		margin-right:auto;

	}

	div.tying-method-image{
	width:100%;
	}

	div.one-col, div.two-col, div.three-col, div.four-col{
	width:100%;
	}

	div.tying-method-images div.tying-method-thumbnail img{
		max-height:300px;
		width:auto;
		margin-left:auto;
		margin-right:auto;
	}


    div.tying-method-contentmain{
        width:100%;
        padding-left:0%;
    }
    div.tying-method-contentmainpartial{
        width:100%;
        padding:0%;
    }

	div.tying-method-images img,
	div.tying-method-diagram img,
	div.tying-method-thumb{
		width:99%;
		height:auto;
		max-height:none;
		margin-left:0%;
		margin-right:0%;
		border:3px solid #8cb4ca !important;
/*		
		float:left;
*/
		float:none;
		margin-top:12px; margin-bottom:12px;
	}
	div.tying-method-image{
		height:90%;
	}

	.generateThumbs{
		max-width:300px;
		float:none;
		margin-left:auto;
		margin-right:auto;
	}

	.generateThumbsBox{
		display:block;
		width:100% !important;
		max-width:300px;
		margin:12px auto !important;
	}
	

    
}


@media only screen and (max-width: 550px) {
    ul.images li.image_thumb_wrapper{
        width:100%;
        margin:1% 0%;
        height:340px;    
        float:none;
    }
}

@media only screen and (max-width: 400px) {
    div.tying-method-thumb{
	    width:100%;
    }
    /* Tying Method Single*/
    
    div.tying-method-images, div.tying-method-images2,
    div.tying-method-images-left,
    div.tying-method-contentmain,
    div.tying-method-contentmainpartial{
        width:100%;
        float:none;
    }
    div.tying-method-description-side{
        width:100%;
    }
}