#menu-toggle {
    display: none;
}
@media screen and (max-width: 1200px) {
    /*home-page*/
    .revolve-sliders-captions .revolve-caption-title {
        font-size: 50px;
    }
    .revolve-sliders-captions {
        width: auto;
    }
    .revolve-caption-description {
        font-size: 18px;
    }
    /*end-home-page*/
    .portfolio-post-wrap:hover .port-link-wrap:before {
        opacity: 0.7;
        -webkit-transform: rotate3d(0, 0, 1, 13deg);
        transform: rotate3d(0, 0, 1, 13deg);
    }
    .team-member-name {
        font-size: 15px!important;
    }
    .revolve-slider-widget .hm-feat-post-wrap {
        width: auto;
    }
    .sub-block-header {
        position: relative;
        border-left: 25px solid #E11B30;
        height: 400px;
        background-size: 100%!important;
        background-position: top center!important;
        background-repeat: no-repeat!important;
    }
    .sub-block-title {
        font-size: 46px;
    }
    .blog-lay-grid .blog-post-wrap .entry-summary .blog-post-title {
        font-size: 22px;
    }
    .blog-lay-grid .blog-post-wrap .entry-summary {
        padding: 10px 10px 10px 24px;
    }
    .blog-lay-grid .post-counters {
        bottom: 10px;
        right: 10px;
    }
    .portfolio-post-wrap .port-post-title{
    	padding:12px 10px;
    }
    .masonary.col-2 .portfolio-post-wrap{
    	width:50%;
    }
        /*woocommerce*/
    .woocommerce .product_meta{
        padding-top:10px;
    }
}
@media screen and (max-width: 1100px) {
    .portfolio-post-wrap:hover .port-link-wrap:before {
        opacity: 0.7;
        -webkit-transform: rotate3d(0, 0, 1, 4deg);
        transform: rotate3d(0, 0, 1, 4deg);
    }
    .blog-post-wrap {
        width: 33%;
        display: inline-table;
    }
    .blog-lay-list .blog-post-wrap {
        padding-bottom: 0;
    }
    .grid.col-2 .portfolio-post-wrap{
    	width:50%;
    }
    .testimony-wrap:nth-child(2n) .client-details, 
    .testimony-wrap .client-details{
    	padding-left:0;
    	padding-right:0;
    }
}
@media screen and (max-width: 992px) {
    /*home-page*/
    .revolve-sliders-captions .revolve-caption-title {
        font-size: 37px;
    }
    .revolve-sliders-captions {
        width: 100%;
    }
    .revolve-caption-description {
        font-size: 13px;
        width: 92%;
    }
    /*end-home-page*/
    
    .team-grid-layout .team-list-block .team-image-wrap {
        width: 25%;
    }
    .portfolio-post-wrap:hover .port-link-wrap:before {
        opacity: 0.7;
        -webkit-transform: rotate3d(0, 0, 1, 19deg);
        transform: rotate3d(0, 0, 1, 19deg);
    }
    .blog-post-wrap {
        width: 33.33%;
    }
    .sub-block-header {
        position: relative;
        border-left: 25px solid #E11B30;
        height: 306px;
        background-size: 100%!important;
        background-position: top center!important;
        background-repeat: no-repeat!important;
    }
    .sub-block-title {
        font-size: 34px;
    }
    .port-link-wrap:before {
        -webkit-transition: opacity 0.45s, -webkit-transform 0.46s;
        -moz-transition: opacity 0.45s, -moz-transform 0.46s;
        transition: opacity 0.45s, transform 0.46s;
        -webkit-transform: rotate3d(0, 0, 1, 46deg);
        -moz-transform: rotate3d(0, 0, 1, 46deg);
        transform: rotate3d(0, 0, 1, 46deg);
        -webkit-transform-origin: 0 100%;
        -moz-transform-origin: 0 100%;
        transform-origin: 0 103%;
    }
    .blog-lay-grid.col-3 .blog-post-wrap {
        width:50%;
    }
    .grid.col-3 .portfolio-post-wrap {
		width: 50%;
	}
    .blog-lay-grid.col-2 .blog-post-wrap {
        width: 50%;
    }
    /*---masonary layout start---*/
    .blog-lay-masonary.col-3 .blog-post-wrap{
    	width:50%;
    }
    .masonary.col-2 .portfolio-post-wrap.mgrid1,
    .masonary.col-2 .portfolio-post-wrap.mgrid2{
    	width:50%;
    }
    /*---masonary layout end---*/
    .port-post-title{
    	font-size:22px;
    }
    .testimony-wrap:nth-child(2n) .img-meta-wrap,
    .testimony-wrap .img-meta-wrap{
    	width:100%;
    	text-align:center;
    	float:none;
    }
    .testimony-wrap .client-details .img-wrap,
    .testimony-wrap:nth-child(2n) .client-details .img-wrap{
    	margin-right:0;
    	margin:auto;
    	float:none;
    }
    .testimony-wrap .client-details .meta-wrap span.client-name,
    .testimony-wrap .client-details .meta-wrap span.client-company{
        text-align: center;
    }
    .testimony-wrap .client-details .meta-wrap{
    	padding-top:0;
    	max-width:100%;
    }
    .clogo-wrap{
		width:29%;
	}
	.masonary.col-3 .portfolio-post-wrap{
		width:50%;
	}
	.portfolio-post-wrap .port-post-title{
    	padding:9px 10px;
    }
}
@media screen and (max-width: 840px) {
    .revolve-page-header-left,
    .revolve-page-content-right {
        display: table;
        width: 100%;
    }
    .revolve-page-content-right p:first-child {
        border-top: 1px solid #ccc;
        margin-top: 2%;
        padding-top: 3%;
    }
    .block-content--list ul li {
        width: 100%;
    }
    .team-grid-layout .team-list-block .team-image-wrap {
        width: 33.33%;
    }
    .contact-form-container,
    .contact-map-container {
        width: 100%;
        float: none;
        clear: both;
    }
    .portfolio-post-wrap:hover .port-link-wrap:before {
        opacity: 0.7;
        -webkit-transform: rotate3d(0, 0, 1, 4deg);
        transform: rotate3d(0, 0, 1, 4deg);
    }
    .layout2 .port-inner-content, .layout2  .port-inner-description{
		width:50%;
	}
	.grid.col-3 .portfolio-post-wrap{
		width:50%;
	}
	.revolve-page-header-left{
		border-right:0;
		padding-right:0;
	}
}
@media screen and (max-width: 768px) {

    #revolve-side-nav {
        overflow-x: visible;
        overflow-y: visible;
    }
    .revolve-site-header {
        position: relative;
    }
    .main-navigation {
        padding-top: 0;
    }
    .header-social-icons-container {
        text-align:center;
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        right:-130px;
    }
    .menuon-left .header-social-icons-container{
    	right:auto;
    	left:-130px;
    }
    .header-social-icons-container.res-toggle {
        right:0;
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
    }
    .menuon-left  .header-social-icons-container.res-toggle{
    	right:auto;
    	left:0;
    }
    .team-grid-layout .team-list-block .team-image-wrap {
        width: 50%;
    }
    .blog-lay-list .blog-post-wrap .entry-summary,
    .blog-lay-list .blog-post-wrap .image-wrap {
        width: 100%;
    }
    .page-blog-container .blog-post-wrap .image-wrap {
        max-height: 300px;
    }
    .blog-lay-list .blog-post-wrap .entry-summary {
        clear: none;
        position: static;
    }
    .team-inner-info .bio {
        width: 100%;
    }
    .team-inner-image {
        width: 100%;
        padding-left: 0;
    }
    .team-inner-image img {
        width: 100%;
    }
    .team-grid-layout .team-info-block {
        padding: 20px;
    }
    .sub-block-title {
        font-size: 21px;
    }
    .page-blog-container .blog-post-wrap {
        max-height: inherit;
    }
    .blog-post-wrap .blog-post-excerpt {
        position: absolute;
        left: 60%;
        -webkit-transition: inherit;
        transition: inherit;
        webkit-transform: inherit;
        transform: inherit;
        opacity: 0;
    }
    .blog-lay-list .blog-post-wrap .blog-post-excerpt {
        position: relative;
        left: 0;
    }
    .blog-post-wrap:nth-child(2n) .blog-post-excerpt {
	    -webkit-transform: translate3d(0, 0, 0);
	    transform: translate3d(0, 0, 0);
	}
    .blog-post-wrap:hover .blog-post-excerpt {
        opacity: 1;
        left: 39px;
    }
    .blog-lay-list .blog-post-wrap:hover .blog-post-excerpt {
        left: 14px;
    }
    .blog-lay-list .blog-post-wrap .entry-summary .blog-post-excerpt {
        opacity: 1;
    }
    .portfolio-post-wrap:hover .port-link-wrap:before {
        opacity: 0.7;
        -webkit-transform: rotate3d(0, 0, 1, -3deg);
        -moz-transform: rotate3d(0, 0, 1, -3deg);
        transform: rotate3d(0, 0, 1, -3deg);
    }
    .portfolio-post-wrap .port-post-title{
	    font-size: 18px;
	    padding:8px 12px;
	}
	.portfolio-post-container{
		padding:0 ;
	}
	.grid.col-2 .portfolio-post-wrap{
		width:49%;
	}
    form p input,
    form p textarea,
    .single-portfolio-post .comments-area form p input,
    .single-portfolio-post .comments-area form p textarea,
    .single-post .comments-area form p input,
    .single-post .comments-area form p textarea {
        width: 100%;
    }
    .team-list-layout .team-list-block .letter-group {
        width: 100%;
    }
    #menu-toggle {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        z-index: 55555;
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
    }
    .menuon-left #menu-toggle {
	    right:inherit;
	    left: 0;
	}

    .menuon-left #menu-toggle{
    	right:auto;
    	left:10px;
    }
    #menu-toggle.menu-slide {
        right: 147px;
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
        overflow: hidden;
    }
    .menuon-left #menu-toggle.menu-slide{
    	right:auto;
    	left:147px;
    }
    #revolve-side-nav {
        position: fixed;
        right: -130px;
        left: inherit;
        float: right;
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
    }
    .menuon-left #revolve-side-nav{
		left: -137px;
		float: left;
		right: auto;
		overflow:hidden;
	}
    .archive .page-title {
        font-size: 35px;
    }
    #menu-toggle .fa {
        color: #e11b30;
        margin: 10px 10px 0 0;
        font-size: 30px;
        cursor: pointer;
    }
    #revolve-side-nav.menu-slide {
        right: 0;
        left: inherit;
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
    }
   	.menuon-left #revolve-side-nav.menu-slide{
    	right:inherit;
    	left:0;
    }
    #revolve-home-slider,
    #revolve-page-content {
        left: 0;
        width: 100%;
        float: left;
        position: relative;
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
    }
    .menuon-left #revolve-home-slider, 
    .menuon-left #revolve-page-content{
    	right:0;
    	transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
    }
    #revolve-home-slider.menu-slide,
    #revolve-page-content.menu-slide {
        left: -130px;
        transition: all 0.5s linear 0s;
        -webkit-transition: all 0.5s linear 0s;
        -moz-transition: all 0.5s linear 0s;
        -ms-transition: all 0.5s linear 0s;
        -o-transition: all 0.5s linear 0s;
    }
    .menuon-left #revolve-home-slider.menu-slide,
    .menuon-left #revolve-page-content.menu-slide {
	    left: 130px;
	    right: auto;
    }
    .revolve-cap-text {
        float: none;
    }
    .revolve-sliders-captions .revolve-caption-title {
        font-size: 30px;
    }
    .revolve-move-down {
        right: 10px;
    }
    .revolve-caption-description {
        font-size: 16px;
        width: 96%;
    }
    .revolve-sliders-captions .revolve-caption-title,
    .wd-feat-post-title {
        font-size: 23px;
    }
    .revolve-slider-widget .hm-feat-post-wrap {
        width: 96%;
    }
    .revolve-page-header-left {
        font-size: 26px;
        line-height: 1.2;
    }
    .sub-block-content h3 {
        font-size: 18px;
        line-height: 28px;
    }
    .revolve-page-content-right p,
    .sub-block-content p {
        font-size: 16px;
    }
    .sub-block-content h4 {
        font-size: 18px;
    }
    .block-content--list ul li {
        font-size: 16px;
    }
    .team-inner-info h2 {
        font-size: 26px;
    }
    .sub-block-header {
        position: relative;
        border-left: 25px solid #E11B30;
        height: 226px;
        background-size: 100%!important;
        background-position: center!important;
        background-repeat: no-repeat!important;
    }
    #team-control .team-search {
        margin-right: 2%;
    }
    .blog-post-wrap {
        width: 49.5%;
    }
    .contact-address-contain,
    .contact-form-contain {
        width: 100%;
    }
    .contact-form-contain form p input[type="text"],
    .contact-form-contain form p input[type="email"],
    .contact-form-contain form p textarea {
        width: 80%;
    }
    .blog-page-header .title_section h2{
    	font-size:40px;
    	line-height:1.6;
    }
    .blog-lay-list .blog-post-wrap {
        max-height: initial;
    }
    .blog-lay-list .blog-post-wrap .image-wrap {
        max-height: 300px;
    }
    /*......time-line layout start........*/
    .blog-lay-timeline .th-timeline-line {
        left: 0;
        top: 0;
        margin-left: 0px;
    }
    .blog-lay-timeline .timeline-date:before {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #eee;
        display: block;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        left: -50%;
    }
    .blog-lay-timeline .timeline-date:after {
        content: "";
        width: 50%;
        height: 1px;
        background-color: #eee;
        display: block;
        margin-top: -1px;
        position: absolute;
        top: 50%;
        right: -50%;
    }
    .blog-lay-timeline .blog-post-wrap,
    .blog-lay-timeline .blog-post-wrap:nth-child(2n) {
        float: right;
        clear: right;
        width: 95%;
        margin-top: 0;
    }
    .blog-lay-timeline .blog-post-wrap .th-timeline-circle {
        left: 0;
    }
    .blog-lay-timeline .blog-post-wrap:nth-child(odd) .blog-post-title:before,
    .blog-lay-timeline .blog-post-wrap:nth-child(2n) .blog-post-title:before {
        content: none;
    }
    /*......time-line layout end........*/
    ul.port-filters{
    	text-align:left;
    }
    ul.port-filters li{
    	width:40%;
    }
    .grid.col-3 .portfolio-post-wrap {
	    width: 50%;
	}
	.masonary.col-2 .portfolio-post-wrap.mgrid1, .masonary.col-2 .portfolio-post-wrap.mgrid2{
		width:50%;
	}
    /*woocommerce*/
    .woocommerce #container .single_add_to_cart_button {
        padding: 8px 12px;
    }
    .woocommerce h1{
        font-size:30px;
    }
    .woocommerce h2{
        font-size:28px;
    }
    .woocommerce h3{
        font-size: 25px;
    }
    .woocommerce h4{
        font-size: 23px;
    }
    .woocommerce h5{
        font-size: 20px;
    }
    .woocommerce .product_meta{
        padding-top:0px;
    }
    .woocommerce div.product form.cart, .woocommerce div.product p.cart{
        margin-botton:10px !important;
    }
}
@media screen and (max-width: 640px) {
    .blog-lay-grid.col-3 .blog-post-wrap {
        width: 49.5%;
    }
    .blog-lay-grid.col-2 .blog-post-wrap {
        width: 99%;
    }
    .blog-lay-masonary.col-3 .blog-post-wrap{
    	width:100%;
    }
    .blog-lay-masonary.col-2 .blog-post-wrap{
    	width:100%;
    }
    .grid.col-2 .portfolio-post-wrap{
    	width:49%;
    }
    .grid.col-3 .portfolio-post-wrap {
	    width: 49%;
	}
	.testimonial-container .testimony-wrap{
	    width: 100%;
	    display:block;
	}
	.clogo-wrap{
		width:46%;
	}
	.entry-content.post-entry-content {
	    padding-left: 0;
	    clear: both;
	    width: 100%;
	    padding-right:0;
	    padding-top: 15px;
	}
	.entry-content.post-entry-content ul.post-metas{
		padding-bottom:0;
	}
	.layout2 .port-inner-content, .layout2 .port-inner-description{
		width:100%;
		padding:20px;
	}
	.portfolio-post-wrap .port-post-title{
	    padding:6px 12px;
	}
	.port-inner-wrap.layout1 .port-inner-feat-image, 
	.port-inner-wrap.layout1 .port-inner-description{
		width:100%;
	}
}
@media screen and (max-width: 590px) {
    .portfolio-post-wrap:hover .port-link-wrap:before {
        opacity: 0.7;
        -webkit-transform: rotate3d(0, 0, 1, -13deg);
        transform: rotate3d(0, 0, 1, -13deg);
    }
    .nav-links .nav-previous a,
    .prev-next-posts .prev-posts-link a {
        padding: 10px 0;
        width: 100%;
        text-align: center;
    }
    #team-control .team-search {
        float: none;
        clear: both;
    }
    #team-control .team-search .team-search-box {
        width: 100%;
        margin-top: 10px;
    }
    #team-control .team-search .team-search-box input {
        width: 100%;
    }
    #team-control .team-search .fa-search {
        top: 20px;
    }
    .blog-post-wrap {
        width: 100%;
    }
    .blog-post-wrap img {
        width: 100%;
    }
    .single-post .comments-area ol {
        margin: 0;
        -webkit-padding-start: 0;
        -moz-padding-start: 0;
    }
    .comment-respond {
        margin-top: 10px;
    }
    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous {
        width: 100%;
    }
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        float: left;
        text-align: center;
        width: 100%;
        margin-top: 5px;
    }
    .nav-links .nav-next a,
    .prev-next-posts .next-posts-link a {
        padding: 10px 0;
        width: 100%;
    }
    .woocommerce-cart table.cart td.actions .coupon .input-text,
    .woocommerce-cart table.cart td.actions .coupon input[type="submit"]{
        width:100%;
    }
    .woocommerce-cart table.cart td.actions .coupon input[type="submit"]{
        margin-top:10px;
    }
    .woocommerce #reviews #comments .commentlist{
        padding-left: 0;
    }
}
@media screen and (max-width: 480px) {
	.team-grid-layout .team-list-block .team-image-wrap {
	    width: 100%;
	}
    div#revolve-page-content {
        width: 100%;
    }
    .blog-post-wrap {
        width: 100%;
    }
    #team-control {
        padding-left: 2%;
    }
    .sub-block-header {
        height: 146px;
    }
    .team-list-block .team-image-wrap {
        width: 100%;
    }
    .blog-lay-list .blog-post-wrap .entry-summary {
        width: 100%;
    }
    .portfolio-post-wrap , .grid.col-2 .portfolio-post-wrap{
    	width:100%;
    }
    .portfolio-post-wrap:hover .port-link-wrap:before {
        opacity: 0.7;
        -webkit-transform: rotate3d(0, 0, 0, 20deg);
        transform: rotate3d(0, 0, 0, 20deg);
        margin-left: 56px;
    }
    .portfolio-post-wrap .port-post-title{
    	font-size:22px;
    	padding:10px 12px;
    }
    .revolve-sliders-captions .revolve-caption-title {
        font-size: 23px;
    }
    .wd-feat-post-title {
        font-size: 14px;
    }
    .sub-block-title {
        font-size: 19px;
    }
    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous {
        width: 100%;
    }
    .portfolio-post-container {
        display: block;
        padding: 0 10px;
    }
    .blog-page-header .title_section h2 {
	    font-size: 25px;
	}
    /*--- start---time-line layout---*/
    
    .blog-lay-timeline .blog-post-wrap .th-timeline-circle {
        width: 25px;
        height: 25px;
        margin-left: -11px;
    }
    .blog-lay-timeline .blog-post-wrap .th-timeline-circle .fa {
        font-size: 11px;
    }
    /*---end-time-line layout---*/
    .blog-lay-grid.col-3 .blog-post-wrap, 
    .grid.col-3 .portfolio-post-wrap {
		    width: 100%;
            left:0 !important;
	}
	.clogo-wrap{
		width:100%;
	}
	.masonary.col-2 .portfolio-post-wrap.mgrid1,
    .masonary.col-2 .portfolio-post-wrap.mgrid2,
    .masonary.col-3 .portfolio-post-wrap{
    	width:100%;
    }
    .masonary.col-2 .portfolio-post-wrap,
    .masonary.col-3 .portfolio-post-wrap{
    	left:0 !important;
    }
    ul.port-filters li{
    	width:100%;
    	padding:5px 0;
    }
    /*woocommerce*/
    .woocommerce .related.products ul.products li.product, .woocommerce-page ul.products li.product{
        width:100% ;
    }
    .woocommerce .woocommerce-tabs #reviews #comments ol.commentlist li .comment-text{
            margin: 0 0 0 36px;
    }
}