@media only screen and (max-width:1440px){
    .content .texts{
        width:100%
    }
}
@media only screen and (max-width:1280px){
    .content .texts h2.content-header{
        font-size:30px
    }
    .content .texts .note{
        font-size:12px;
        line-height:18px
    }
}
@media only screen and (max-width:1185px){
	#portfolio{
		width:75%!important;
	}
	#portfolio1{
		width:75%!important;
	}
	#portfolio2{
		width:75%!important;
	}
	#portfolio3{
		width:75%!important;
	}
    .nav-inner{
        padding-left:20px;
        padding-right:20px
    }
    #clients .boxes .owl-controls .owl-buttons{
        display:none
    }
    .home_boxes .boxes{
        padding:0 5px
    }
    .feature-boxes.type-5{
        max-width:90%
    }
    .section .intro{
        padding:0 25px
    }
    .section .home-inner{
        margin-left:0;
        width:100%;
        padding:0 25px
    }
    .controls-type-2 .mb_YTPBar{
        left:0
    }
    #blog .posts,#shop .item_tabs,.related-products .boxes,.single_item_details,section.page-note,section.page-note.type-2{
        padding-left:15px!important;
        padding-right:15px!important
    }
}
@media only screen and (max-width:1100px){
    #layersliderFS p.bigger{
        font-size:65px
    }
    #layersliderFS .ls-slide a:nth-of-type(1){
        left:39%!important
    }
    #layersliderFS .ls-slide a:last-child{
        left:50%!important
    }
}
@media only screen and (min-width:500px) and (max-width:1025px){
    .col-md-4,.col-xs-4{
        width:33.3%;
        float:left
    }
}
@media only screen and (max-width:1024px){
    footer .inner{
        width:92%!important
    }
    .home-text-slider h1{
        font-size:60px
    }
    .facts .fact{
        width:25%;
        float:left;
        display:block;
        text-align:center
    }
    .facts .fact h1.factor{
        min-width:50px
    }
    section.address a.box .texts p{
        font-size:13px
    }
    .content .left,.content .right{
        position:relative;
        width:100%
    }
    .content .texts{
        padding:40px
    }
    .boxes.boxes-type-5>div{
        width:33.3%
    }
    #timeline .timeline .item .timeline-item-details{
        bottom:0
    }
    #pagetop{
        padding:0 20px
    }
}
@media only screen and (min-width:1000px){
	
    .nav-inner div.nav-menu{
        display:block!important
    }
    footer .inner{
        width:1000px!important;
        margin:0 auto!important
    }
    .popup-img>li{
        float:left;
        margin:0 4px 20px;
        padding:0!important;
        width:48%
    }
}
@media only screen and (max-width:999px){
	#portfolio {  
	float:right;
	width:78%;
    margin: 1rem 0;
    -webkit-column-count: 2; 
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 1rem;
    -moz-column-gap: 1rem;
    column-gap: 1rem;
}
	.tab button{width:calc(100% / 2 );}
	.toolbar>a{
		    background-color: #111;
    padding: 5px 15px;
    position: absolute;
    right: 1px;
	top:1px;
	}
	.toolbar{    position: absolute;
    left: 0;
    top:0;
    z-index: 999;}
	#portfolio{width:100% !important;}
	#portfolio1{width:100% !important;}
	#portfolio2{width:100% !important;}
	#portfolio3{width:100% !important;}
	
	
    .popup-img>li{
        float:left;
        margin:0 0 20px;
        padding:0!important;
        width:50%
    }
    .popup-img{
        margin-top:35px
    }
	.map_right{width:100%;}
}
@media only screen and (max-width:767px){
	
	.toolbar{width:100% !important;}
	.map_right{width:100%;}
	footer.big-footer.dark-footer .footer_header{font-weight:bold;}
	.r_ft{width:100%;}
	.fl_left{width:100%;}
	.res_pon{margin:0;}
	.fl_right{width:100%;}
	.res_pas{padding:0;}
	.r_set{padding:0 30px;}
	.tab button{border-bottom:1px solid #fff;}
	.contact_left{width:80% !important;float:none;margin:0 auto;}
	.so_cial>.social{margin-top:20px;}
	
}
@media only screen and (max-width:1030px){
/* 	.plan_event {
    z-index: 900;
    position: absolute;
    bottom: 23px;
    right: 75px; */
	.con_tent{padding:10px 10px 0 0	;}
	.plan_event {
    z-index: 12345;
    text-align: left;
    /* position: absolute; */
    /* bottom: 23px; */
    display: inline-block;
    /* right: 475px; */
}
	.con_tent h3{margin:2px 0;}
}

@media only screen and (max-width:1000px){
	
	
	.apply{position: relative;left: 0;top: 20px;
	margin-bottom:20px;
z-index: 123;background-color: #9a1b24;display: block;}
.apply a {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
}
.apply1{position: relative;left: 0;top: 20px;
	margin-bottom:20px;
	display:block;
z-index: 123;background-color: #9a1b24;display: block;}
.apply1 a {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
}
.apply2{position: relative;left: 0;top: 20px;
	margin-bottom:20px;
z-index: 123;background-color: #9a1b24;display: block;}
.apply2 a {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
}
.apply3{position: relative;left: 0;top: 20px;
	margin-bottom:20px;
z-index: 123;background-color: #9a1b24;display: block;}
.apply3 a {
    display: inline-block;
    color: #fff;
    padding: 10px 15px;
    width: 100%;
}

	.fl_left_plan{width:100%;}
	.fl_right_plan{width:100%;}
	.rslides{max-width:100%!important;}
	.res_pon{margin:0;width:100%;}
	.contact_left {
    width: 50%;
    float: none !important;
    float: left;
    margin: 0 auto;
}
	.con_tent{width:80%;margin:0 auto;}
	.con_tent{padding:30px 0 60px 0;}
	.plan_event{right:100px;}
	.border_after:after{right:18px;}
	
	#navigation{
		z-index:999;
	}
	/* .res_set{position:fixed;z-index:1;width:100%;} */
    .mobile-nav-button{
        display:block
    }
    .nav-inner div.nav-menu{
        display:none;
        top:100%;
        width:100%;
        position:absolute;
        left:0;
        float:none;
        height:auto;
		z-index:999999999;
        overflow:auto;
    }
    #navigation-type2 .nav-inner div.nav-menu{
        display:block;
        width:auto;
        top:0;
        float:right;
        height:100%;
        overflow:visible
    }
    .nav-inner div.nav-menu ul.nav,.nav-inner div.nav-menu ul.nav li a{
        display:block;
        top:0;
        width:100%;
        height:auto
    }
    .white-nav .nav-inner div.nav-menu ul.nav{
        background:#111
    }
    .white-nav .first-nav .nav-menu ul li a{
        color:#ffffff;
    }
    .nav-inner div.nav-menu ul.nav li{
        display:block;
        top:0;
        width:100%;
        float:none;
        padding:0;
        clear:both
    }
    .nav-inner div.nav-menu ul.nav li a{
        padding:0 15px;
        text-align:left;
        line-height:35px
    }
    .nav-inner div.nav-menu ul.nav li a i{
        line-height:35px
    }
    .search-form{
        overflow:hidden
    }
    .nav-menu ul.dropdown-menu{
        position:relative;
        width:100%!important
    }
    .nav-menu ul.dropdown-menu .submenu{
        display:block!important;
        width:100%!important
    }
    .nav-menu ul.dropdown-menu .submenu .submenu_column{
        padding-left:15px
    }
    .nav-menu ul.dropdown-menu .submenu_column{
        margin-top:0
    }
    .dropdown-submenu .dropdown-menu{
        left:0!important
    }
    .dropdown-submenu .dropdown-menu a{
        padding-left:45px!important
    }
    .nav-menu ul.dropdown-menu .submenu a.label span{
        display:none
    }
    .nav-inner div.nav-menu ul.dropdown-menu li a{
        padding:0 25px
    }
    .white-nav .nav-inner div.nav-menu ul.nav .submenu_column a:hover{
        background:#fafafa!important
    }
    #navigation-type2.dark-nav .nav-inner div.nav-menu ul.nav a:hover{
        background:0 0!important
    }
    .contact_banner,.innerpage_bg,.testimonial_page{
        background-position:center center!important
    }
    .mt-40{
        margin-top:0!important
    }
}
@media only screen and (max-width:960px){
    .header-style-2.header,.header-style-2.header+p{
        max-width:90%;
        margin-left:auto;
        margin-right:auto
    }
    .feature-boxes .feature-box{
        width:50%
    }
    .feature-boxes.type-5 .feature-box{
        width:100%
    }
    .col-md-3,.col-xs-3,ul.mobile-boxes li{
        width:50%
    }
    .bigger{
        font-size:70px
    }
    .boxes.boxes-type-1 .box{
        margin-top:50px
    }
    ul.mobile-boxes li .buttons{
        display:none
    }
    ul.mobile-boxes li .details{
        width:62%;
        padding:0 10px
    }
    .home_boxes h1{
        font-size:60px
    }
    .sidebar{
        width:100%
    }
}
@media only screen and (max-width:800px){
    .col-xs-6{
        width:100%
    }
    #pagetop .socials,#pagetop .texts{
        text-align:center;
        height:auto
    }
    #pagetop .socials{
        font-size:0
    }
    #pagetop a{
        float:none;
        display:inline-block;
        width:30px;
        margin:0
    }
    .post .dates,ul.mobile-boxes li.features-button{
        display:none
    }
    #pagetop p{
        margin-bottom:0
    }
    #pagetop.white-pagetop a{
        border:none!important
    }
    .page_header_inner>div{
        float:none;
        margin:0 auto;
        text-align:center
    }
    .home-extra-note p{
        font-size:20px
    }
    .home-text-slider h1{
        font-size:40px
    }
    .home_boxes h2{
        font-size:22px
    }
    .home_boxes h1{
        font-size:40px
    }
    .home_boxes h1 span{
        font-size:20px
    }
    .home_boxes p{
        font-size:13px
    }
    .home_boxes .box h2{
        font-size:28px
    }
    .home_boxes .box p{
        font-size:12px
    }
    .home_boxes .boxes{
        margin-top:17px
    }
    #home.rev-slider .second_text span{
        font-size:24px
    }
    .big,.bigger{
        font-size:50px
    }
    .slides-navigation{
        height:50px;
        margin-top:-25px
    }
    .slides-navigation a{
        width:25px
    }
    .slides-navigation a i{
        line-height:50px
    }
    .facts .fact{
        width:33.3%;
        margin-top:20px
    }
    .boxes.boxes-type-3,.skills{
        padding-left:20px;
        padding-right:20px
    }
    .boxes.boxes-type-3 .box-icon{
        width:auto
    }
    ul.mobile-boxes{
        background:0 0;
        min-height:300px
    }
    ul.mobile-boxes li .details{
        width:95%
    }
    #pricing-tables .price_boxes .box{
        width:48%;
        width:calc(50% - 10px);
        margin-top:10px
    }
    .contact .address,.contact .contact_form{
        width:95%;
        margin:50px auto 0;
        float:none
    }
    .testimonials.type-2 .testimonial-slide h2{
        max-width:90%
    }
    .testimonials .inner{
        padding:40px 15px
    }
    #shop .single_item_details .left,#shop .single_item_details .right{
        width:100%;
        float:none
    }
    #shop .single_item_details .right{
        margin-top:40px;
        padding:0
    }
    .dates.for-mobile{
        display:block
    }
    .post .post-inner{
        width:100%
    }
    .post .post-inner .post-header{
        margin-bottom:10px
    }
    .reply-form form div{
        width:100%;
        padding:0!important;
        margin:10px 0 0
    }
    #layersliderFS p.bigger{
        font-size:45px
    }
    #layersliderFS .ls-slide a:nth-of-type(1){
        left:34%!important
    }
    #layersliderFS .ls-slide a:last-child{
        left:48%!important
    }
    .mobile-boxes li:first-child{
        top:auto!important
    }
}
@media only screen and (max-width:640px){
    section.address a.box{
        width:100%
    }
    .home-text-slider h1.small-type{
        font-size:30px
    }
    .fp-header{
        font-size:35px!important
    }
    #navigation-type2 .nav-menu{
        max-width:150px
    }
    #navigation-type2 .nav-menu ul{
        min-width:250px
    }
    #shop .box{
        margin-right:0!important
    }
}
@media only screen and (max-width:540px){
    #layersliderFS p.bigger,.header-style-2.header{
        font-size:30px
    }
    .team-boxes .team-box{
        width:90%;
        float:none;
        margin:30px auto
    }
    .feature-boxes .feature-box{
        width:90%;
        float:none;
        display:block;
        padding:50px 0!important;
        margin:0 auto!important
    }
    .feature-boxes .basic_slider{
        margin-bottom:70px
    }
    .basic_slider .image_slider .slide .texts{
        max-width:80%
    }
    .feature-text.small-head.f-left.t-left.dark{
        margin-bottom:30px
    }
    .feature-boxes .feature-box.no-margin-top{
        margin:75px auto 0!important
    }
    .boxes.boxes-type-3 .box-texts{
        width:75%
    }
    .boxes.boxes-type-5>div{
        width:90%;
        float:none;
        margin:30px auto
    }
    #timeline{
        padding:10px
    }
/*     footer>div>div{
        margin-bottom:50px
    } */
    footer .footer_bottom .left,footer .footer_bottom .right{
        width:90%;
        margin:0 auto 15px;
        text-align:center;
        float:none
    }
    .boxes.boxes-type-5 .box{
        margin-top:15px
    }
    #member-modals .modal-dialog .modal-body{
        width:90%
    }
    #member-modals .modal-dialog .modal-body .member-image{
        width:100%
    }
    #layersliderFS .ls-slide a:nth-of-type(1){
        left:25%!important
    }
    #layersliderFS .ls-slide a:last-child{
        left:48%!important
    }
}
@media only screen and (max-width:480px){
    .home_boxes .boxes,.home_boxes h2{
        padding:0
    }
    .content-buttons,ul.mobile-boxes li div.mobile-icon,ul.mobile-boxes li h4,ul.mobile-boxes li h4+p{
        text-align:center
    }
    .col-md-3,.col-xs-3{
        width:90%;
        margin-left:auto;
        margin-right:auto;
        float:none
    }
    #home.rev-slider .second_text span{
        font-size:14px
    }
    .big,.bigger,.home_boxes h1{
        font-size:30px
    }
    .home_boxes p{
        padding:0;
        opacity:.7
    }
    .fp-header{
        font-size:25px!important
    }
    .fp-fixed-header{
        font-size:20px!important
    }
    .fp-fixed-text{
        font-size:12px;
        opacity:.8
    }
    .bw-type .home-text-slider .home-fixed-text{
        font-size:13px
    }
    .category-boxes .box .category-inner-slider{
        margin:0 auto
    }
    #categories{
        padding-left:10px;
        padding-right:10px
    }
    .home-extra-note p{
        font-size:15px
    }
    .home-text-slider .home-fixed-text{
        font-size:13px
    }
    .header,.home-text-slider h1,.text-50{
        font-size:25px
    }
    .header-style-1.header+p{
        font-size:15px
    }
    .boxes.boxes-type-3 .box-texts{
        width:66%
    }
    .contact .form button{
        margin:15px 0 0;
        width:100%
    }
    .contact .form input#verify{
        width:100%;
        max-width:100%
    }
    .facts .fact{
        width:100%
    }
    ul.mobile-boxes{
        margin:0 auto
    }
    ul.mobile-boxes li,ul.mobile-boxes li:nth-of-type(2n){
        width:90%;
        float:none;
        margin:50px auto;
        padding:0;
        display:block
    }
    ul.mobile-boxes li .details,ul.mobile-boxes li:nth-of-type(2n) .details{
        text-align:center;
        float:none
    }
    #pricing-tables .price_boxes .box{
        width:90%;
        margin:25px auto;
        float:none
    }
    #blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item,#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item{
        padding:6px 14px;
        font-size:12px
    }
    .home-text-slider h1.small-type{
        font-size:22px
    }
    .media-left a img{
        width:50px;
        height:50px
    }
    a.content-button{
        margin:10px auto!important
    }
}
@media only screen and (max-width:399px){
    #pagetop .socials,#pagetop .texts{
        width:100%;
        float:none
    }
}
@media only screen and (max-width:481px){
    .md-none{
        display:none
    }
}
@media only screen and (max-width:360px){
    .timelineFlat .item{
        width:320px
    }
    #layersliderFS p.bigger{
        font-size:26px
    }
    #layersliderFS .ls-slide a:nth-of-type(1){
        left:22%!important
    }
    #layersliderFS .ls-slide a:last-child{
        left:48%!important
    }
}
@media only screen and (min-width:767px){
    footer.big-footer .footer_header{
        padding:0;
        margin:0;
        line-height:normal
    }
}
@media only screen and (max-width:766px){
    footer.big-footer .footer_header{
        padding:0;
        line-height:normal
    }
    .testimonials-block{
        margin:0 20px
    }
    #page-header.bigger-header{
        padding:100px 0!important
    }
}
@media only screen and (min-width:1000px) and (max-width:1700px){
    .all_vanue_col{
        width:33.3%
    }
}
@media only screen and (min-width:1701px){
    .all_vanue_col{
        width:33.3%
    }
}
.tile>a{display:inline-block}