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

	.ft-container {
		width: 100%;
		padding: 0 10px;
	}
	.about-content-img figure{
		margin-right: 15px;
	}

	
}
@media screen and (max-width: 1200px) {
	body.boxed-layout #page{
	    width: 95%;
	}
	.contact-details {
	    padding: 0;
	}
}
@media screen and (max-width: 1170px) {
	.featured-content-img {
	    height: 250px;
	}
	.about-content-img .about-content-wrap {
	    width: 67%;
	}
	.about-content-img figure{
		margin-right: 5px;
	}
	.contact-details i {
		font-size: 18px;
		width: 45px;
		height: 45px;
		margin-top: 6px;
	}
	.contact-details p {
		font-size: 15px;
	}
	#masthead .show .ft-search{
		width: 90%;
	}
	.slide {
		height: 80vw;
	}
	.slide .slide-caption{
		top:25%;
	}
	.yith-wcwl-add-button.show {
    top: 160px;
	}
}


@media screen and (max-width: 980px) {
	
	.about-content-img .about-content-wrap {
	    width: 100%;
	}

.yith-wcwl-add-button.show {
    top: 160px;
}
	.slide {
		height: 80vh;
	}
	ul#primary-menu {
	    margin: 0;
	}
	.menu-search {	    
	    border-radius: 0;
	    box-shadow: none;
	    float: right;
	    top: 5px;
	    box-shadow: none;
	    background-color: transparent;
	}
	#masthead.fixed .menu-search{
		top: 20px;
	}
	.admin-bar #masthead.fixed .sticky-wrapper {
	    top: 32px;
	}
	.toggle-btn {
	    width: 45px;
	    height: 45px;
        background: #3695eb;
    	padding: 10px 0px 5px;
	}
	.toggle-bar{
		display: block;
	    width: 70%;
		height: 3px;
		background-color: #fff;
		margin: auto auto 7px;

	}
	#masthead .ft-search-wrap .search-icon{
		background-color: #3695eb;
	}
	#masthead .ft-search-wrap.show .search-icon{
	    border-top-left-radius: 0px;
		border-bottom-left-radius: 0px;
	}
	.menu{
		display: none;
	}
	.sticky-wrapper{
    	padding: 20px 0;
	}

	.fixed .sticky-wrapper {
	    box-shadow: 0px 0px 32px #000;
	}
	.site-details{	
		display: inline-block;
		vertical-align: middle;
		width: 90%;
	}
	#masthead.fixed .site-branding {
		display: block;
		padding: 10px
	}
	.menu > ul{
		margin: 0;
	    width: 100%;
	}
	.main-navigation .menu {
	    background: #2b96cc none repeat scroll 0 0;
	    height: 100%;
	    left: 0;
	    padding: 0;
	    padding-top: 80px;
	    position: fixed;
	    top: 0;
	    width: 50%;
	    z-index: 99999;
	    overflow-y: scroll;
	    display: block;
	}
	.main-navigation li{
		width: 100%;
		text-align: left;
	}
	.main-navigation ul, .main-navigation .menu {
	    transform: translate(-100%);
	    -webkit-transform: translate(-100%);
	    -moz-transform: translate(-100%);
	    transition: all ease 0.4s;
	    -webkit-transition: all ease 0.4s;
	    -moz-transition: all ease 0.4s;
	}
	.main-navigation.toggled ul, .main-navigation.toggled .menu {
	    transform: translate(0);
	    -webkit-transform: translate(0);
	}
	#masthead .menu .sub-menu{
		width: 100%;
		position: static;
		background-color: #2b77bc;
		transition: none;
	}
	#masthead .menu li.menu-item-has-children i,#masthead .menu li.page-item-has-children i{
		top: 25px;
		padding: 10px;
	}
	.contact-details i{
	    line-height: 2.4;
	}
	.toggled .toggle-bar1 {
        transform-origin: 5px 8px 0;
	    -webkit-transform-origin: 5px 8px 0;	    
	    -moz-transform-origin: 5px 8px 0;
	    transform: rotate(45deg) translateY(50%);
	    -webkit-transform: rotate(45deg) translateY(50%);
	    -moz-transform: rotate(45deg) translateY(50%);
	}
	.toggled .toggle-bar2{
		opacity: 0;
	}
	.toggled .toggle-bar3 {
	    transform-origin:  5px -3px 0;
	    -webkit-transform-origin: 5px -3px 0;
	    -moz-transform-origin: 5px -3px 0;
    	transform: rotate(-45deg) translateY(-50%);
    	-webkit-transform: rotate(-45deg) translateY(-50%);
    	-moz-transform: rotate(-45deg) translateY(-50%);
	}
	.toggle-bar{
		transition: all ease 0.4s;
	    -webkit-transition: all ease 0.4s;
	    -moz-transition: all ease 0.4s;
	}
	#masthead .show .ft-search {
	    left: -236px;
	    width: 300px;
	}
	#masthead .ft-search input[type="search"]{
		height: 40px;
	}


	.featured-content-img{
		padding: 20px
	}


	.widget.widget_product_search .search-field{
	    width: 67%;	
	}
	.fixed .sticky-wrapper .menu-search{
		padding: 0 10px;
	}
}

@media screen and (max-width: 800px) {
	.featured-content-img {
	    height: 220px;
	}
	.contact-number, .contact-address {
	    padding-left: 10px;
	}
	.contact-details p {
	    font-size: 14px;
	    padding-left: 5px
	}
	.featured-wrap{
		margin-top: 0;
	}
	.featured-section .ft-container{
		padding: 0;
	}
	#primary {
	    width: 100%;
	    float: none;
	}
	#secondary {
	    width: 100%;
	    float: none;
	    padding-left: 0;
	}

}
@media screen and (max-width: 782px) {
	.site-details {
	    width: 86%;
	}
	.admin-bar .toggled .menu {
	    padding-top: 46px;
	}

	#masthead.fixed .menu-search{
		margin-bottom: 20px;
	}
	.admin-bar .toggled .menu {
	    padding-top: 100px;
	}
	section .featured-content-img,
	section .about-content-img,
	section .service-content-img,
	section .team-content-img,
	.blog-section .blog-content-img {
    	width: 50%;
	}
	.footer-block {
    	width: 49%;
	}
	.about-content-img .about-content-wrap {
	    width: 67%;
	}
	.about-content-img figure{
		margin-right: 5px;
	}
	section .about-content-img{
		width: 49%;
	}
	.cta-section .section-content {
    	width: 100%; 
	}

	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		width: 48%;
    	margin-right: 1.2%;
	}
	.woocommerce ul.products li.product:nth-child(3n), .woocommerce-page ul.products li.product:nth-child(3n) {
	   	margin-right: 1.2%;
	}
	.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {
	   	margin-right: 0;
	}
	.team-page-content {
    	width: 48%;
	}
	.team-page-content:nth-child(2n) {
	    margin-right: 0; 
	}
	.team-page-content:nth-child(3n) {
	    margin-right: 1.2%; 
	}
	.slide {
		height: 100vw;
	}
}

@media screen and (max-width: 640px) {
	.site-details {
	    width: 81%;
	}
	.about-content-img .about-content-wrap {
	    width: 100%;
	}
	.main-navigation .toggle .menu{
		padding-top: 100px; 
	}
	.toggled .toggle-btn {
	    position: fixed;
	    top: 20px;
	    z-index: 9999999;
	    left: 19px;
	    background-color: #fff;
	}
	.admin-bar .toggled .toggle-btn {
	    top: 52px;
	}
	.toggled .toggle-bar{
		background-color: #3695eb;
	}
	.site-branding {
	    float: none;
	}
	.contact-details {
	    float: none;
	    margin: 10px 0;
	}

	.slide .caption-wrapper {
    	width: 100%;
	}
	.contact-image {
	    position: static;
	    height: auto;
	    width: auto
	}
	.contact-section {
	    padding-bottom: 0;
	}
	.contact-section .contact-form {
		width: 100%;
		padding-right: 10px;
	}

#masthead .ft-search-wrap .search-icon {
	display: none;
}

}
@media screen and (max-width: 600px){

	.admin-bar #masthead.fixed .sticky-wrapper{
	    top: 0;
	}
}
@media screen and (max-width: 575px) {
	.main-navigation ul, .main-navigation .menu {
	    width: 100%;
	}
}

@media screen and (max-width: 540px) {
	.main-navigation ul, .main-navigation .menu {
	    width: 100%;
	}

	.featured-content-img,
	.about-content-img,
	.service-content-img,
	.team-content-img,
	.blog-content-img,
	.footer-block,
	.testimonial-page .testimonial-content-wrap,
	.team-page-content,
	.service-page-content {
    	width: 100% !important;
	}
	.featured-content-img{
		text-align: center;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product{
		width: 100%;
    	margin-right: 1.2%;
	}
	.featured-content-img{
		height: auto;
	}


}
@media screen and (max-height: 500px) {
	#masthead.fixed .sticky-wrapper {
	    position: static;
	}

}