/*-----------------------------------------------------------------------------------*/
/*	53. RESPONSIVE
/*-----------------------------------------------------------------------------------*/
@media (min-width: 1280px) {
    .split-layout .content-wrapper {
        position: relative;
        width: 100%;
    }
    .split-layout .content-left {
        width: 40%;
        height: 100vh;
        position: fixed;
        max-height: 100vh;
        overflow: hidden;
    }
    .split-layout .content-right {
        margin-left: 40%;
        height: 100vh;
    }
}
@media (max-width: 1278.98px) {
    .split-layout .content-left {
        height: 500px;
        position: relative !important;
    }
    .split-layout .site-name {
        height: 100%;
        position: relative;
        display: table;
    }
}
@media (min-width: 1200px) {
    .rev_slider_wrapper.fullscreen-container {
        min-height: 500px;
    }
    .rev_slider_wrapper.fullwidth-container {
        min-height: 500px;
    }
    .rev_slider_wrapper.autowidth-container {
        min-height: 500px;
    }
	
	.navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 20px;
        padding-left: 20px;
    }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .box {
        padding: 30px 30px 20px;
    }
    .swiper-auto .swiper-slide,
    .swiper-auto .swiper-slide img,
    .swiper-auto-tab .swiper-slide,
    .swiper-auto-tab .swiper-slide img,
	.swiper-auto-centered .swiper-slide,
	.swiper-auto-centered .swiper-slide img,
    .swiper-portrait .swiper-slide,
    .swiper-portrait .swiper-slide img {
        height: 500px;
    }

	
}
@media (min-width: 992px) {
	
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 12px;
        padding-left: 12px;
    }
    .navbar-expand-lg .navbar-nav .dropdown-menu-left {
        right: auto;
        left: 0;
        margin-left: 0 !important;
    }
    .navbar-nav>li>.dropdown-menu {
        border-top: 2px solid #4c86e5;
    }
    .navbar.center .ml-auto {
        float: right;
    }
    .navbar.solid:not(.fixed) .navbar-nav .nav-link,
    .navbar.solid:not(.fixed) .navbar-hamburger {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .dropdown-menu:not(.mega-menu) li {
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .dropdown-menu:not(.mega-menu) li:first-child {
        border-top: 0;
    }
    .navbar-nav>li>ul.mega-menu .mega-menu-content .row {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        overflow: hidden;
    }
    .navbar-nav>li>ul.mega-menu .mega-menu-content {
        padding: 40px;
    }
    .mega-menu-content .row {
        padding-left: 0;
        padding-right: 0;
    }
    .mega-menu-content [class*="col-"] {
        border-left: 1px solid rgba(255, 255, 255, 0.1);
        padding-left: 35px;
    }
    .mega-menu-content [class*="col-"]:first-child {
        border-left: 0;
        padding-left: 25px;
    }
    .navbar-nav>li>ul.mega-menu .mega-menu-content {
        padding: 30px;
    }
    .col-1-5 {
        width: 20%;
    }
    .navbar.fixed .navbar-nav .nav-link,
    .navbar.fixed .navbar-hamburger {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .navbar.fixed .navbar-brand {
        padding-top: 0;
        padding-bottom: 0;
    }
    .table-cart>table>thead>tr>th,
	.table-cart>table>tbody>tr>th,
	.table-cart>table>tfoot>tr>th,
	.table-cart>table>thead>tr>td,
	.table-cart>table>tbody>tr>td,
	.table-cart>table>tfoot>tr>td {
	    padding: 20px 0;
	}
}
@media (max-width: 991.98px) {
    body:not(.onepage) .banner--stick {
        display: none !important
    }
    .navbar .navbar-collapse {
        background: #151515;
    }
    .navbar .container {
        width: 100%;
        max-width: 100%;
    }
    .navbar.solid .navbar-brand {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .navbar.fixed .navbar-brand {
        padding-top: 19px;
        padding-bottom: 18px;
    }
    .navbar-nav .nav-link {
        font-size: 14px;
        padding-left: 30px;
        padding-right: 30px;
        color: rgba(255, 255, 255, 1) !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .dropdown-item {
        padding-left: 0;
        padding-right: 0;
    }
    .navbar .dropdown-menu li a {
        padding-left: 50px
    }
    .navbar .dropdown-menu li:not(.mega-menu-content) li a {
        padding-left: 70px
    }
    .navbar .dropdown-menu li li li a {
        padding-left: 90px
    }
    .navbar .dropdown-menu li li li li a {
        padding-left: 110px
    }
    .onepage .navbar .dropdown-menu {
	    display: block;
    }
    .onepage .navbar .sub-arrow {
	    display: none;
    }
    .navbar .social-mute a i {
        color: rgba(255, 255, 255, 1) !important;
    }
    .navbar .social-mute a:hover i {
        color: rgba(255, 255, 255, 0.75) !important;
    }
    .navbar-nav .nav-link:hover,
    .navbar-nav .nav-link.highlighted,
    .navbar-nav .nav-link.active {
        color: rgba(255, 255, 255, 0.75) !important;
    }
    .navbar .navbar-header {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
        -ms-flex-pack: justify;
        -webkit-box-pack: justify;
        justify-content: space-between;
        width: 100%;
        margin: 0 auto;
    }
    .navbar .navbar-nav li a {
        margin: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .navbar:not(.center) .navbar-nav:not(.ml-auto)>li:first-child {
        border: 0;
    }
    .navbar .navbar-nav.sm-collapsible>li:first-child {
        border: 0;
    }
    .navbar .dropdown-menu {}
    .dropdown-item:focus,
    .dropdown-item:hover,
    .dropdown-item.highlighted {
        background: none;
        color: rgba(255, 255, 255, 1);
    }
    .dropdown-item:hover {
        color: rgba(255, 255, 255, 0.75);
    }
    .mega-menu-content .row {
        margin-left: 0;
        margin-right: 0;
    }
    .mega-menu-content .row [class*="col-"] {
        padding-left: 0;
        padding-right: 0;
    }
    .mega-menu-content a {
        padding: 10px 20px;
    }
    .navbar-divider {
        width: 100%;
        height: auto;
        margin: 0 auto 13px;
        background: none !important;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
    }
    .navbar .social {
        margin: 10px 30px
    }
    .slide-portfolio-item-content-close {
        right: 15px;
        top: 15px;
    }
    .gutter-md-30>[class*="col-"] {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }
    .overlay-info figcaption {
        padding: 30px;
    }
    .image-block-wrapper .box {
        padding: 60px 50px;
    }
    [class*="table-responsive"] > thead > tr > th, 
    [class*="table-responsive"] > tbody > tr > th,
    [class*="table-responsive"] > tfoot > tr > th, 
    [class*="table-responsive"] > thead > tr > td,
    [class*="table-responsive"] > tbody > tr > td, 
    [class*="table-responsive"] > tfoot > tr > td {
        white-space: nowrap
    }
    .table-cart>table>thead>tr>th,
	.table-cart>table>tbody>tr>th,
	.table-cart>table>tfoot>tr>th,
	.table-cart>table>thead>tr>td,
	.table-cart>table>tbody>tr>td,
	.table-cart>table>tfoot>tr>td {
	    padding-top: 20px;
	    padding-bottom: 20px;
	}
}
@media (min-width: 768px) and (max-width: 991.98px) {
    .col-1-5 {
        width: 25%;
    }
    .swiper-auto .swiper-slide,
    .swiper-auto-tab .swiper-slide,
    .swiper-auto-tab .swiper-slide img,
	.swiper-auto-centered .swiper-slide,
	.swiper-auto-centered .swiper-slide img,
    .swiper-portrait .swiper-slide,
    .swiper-portrait .swiper-slide img {
        height: 450px;
    }
	
	.swiper-container, .swiper-auto .swiper-slide img, .swiper-slide .link-wrapper {
		height: 530px;
	}
	
	.swiper-full-height {
		height: 100% !important;
	}
	
}
@media(min-width: 768px) {
    .navbar .container .navbar-header {
        max-width: 720px
    }
	
    .panel.pricing:not(.box-border) {
        border-left: 1px solid rgba(21, 21, 21, 0.15) !important
    }
    [class*="col-"]:first-child .panel.pricing:not(.box-border) {
        border-left: 0 !important
    }
    .process-wrapper.arrow [class*="col-"]:before {
        font-family: 'FontAwesome';
        content: "\f054";
        display: block;
        position: absolute;
        top: 21px;
        left: 0;
        color: rgba(21, 21, 21, 0.15)
    }
    .process-wrapper.arrow [class*="col-"]:first-child:before {
        display: none;
    }
    .process-wrapper.line [class*="col-"] {
        position: relative;
    }
    .process-wrapper.line [class*="col-"]:before,
    .process-wrapper.line [class*="col-"]:after {
        width: calc(50% - 66px);
        position: absolute;
        content: "";
        height: 1px;
        background: rgba(21, 21, 21, 0.15);
        top: 75px;
        z-index: 1;
        left: 0;
        margin-left: 0;
    }
    .process-wrapper.line [class*="col-"]:after {
        right: 0;
        left: auto;
        margin-right: 0;
        margin-left: 0;
    }
    .process-wrapper.line [class*="col-"]:first-child:before,
    .process-wrapper.line [class*="col-"]:last-child:after {
        display: none;
    }
    .tabs-wrapper.lined .nav-tabs {
        border-bottom: 1px solid rgba(21, 21, 21, 0.25)
    }
    .tabs-wrapper.lined .nav-tabs .nav-link {
        border: 0;
        border-radius: 0;
        border-bottom: 1px solid transparent;
        padding: 20px 0;
    }
	
	
@media (max-width: 767.98px) {
	
    .container {
        padding-right: 20px;
        padding-left: 20px;
    }
    .navbar .container-fluid {
        padding-left: 0px;
        padding-right: 0px
    }
    .navbar .navbar-header {
        padding-left: 30px;
        padding-right: 30px;
    }
    .box-layout .container > .navbar .navbar-header {
        padding-right: 0px;
        padding-left: 0px;
    }
    .split-layout .content-left {
        height: 300px;
    }
    .col-1-5 {
        width: 33%;
    }
	
	.order-md-2 {
		order: 0 !important;
	}
}
	
    video.js-player {
        max-width: 100%;
    }
    .row>[class*="col-"] {
        margin-bottom: 30px
    }
    .row>[class*="col-"]:last-child,
    .row>[class*="col-"]:only-child,
    .mega-menu-content .row>[class*="col-"],
    form .row>[class*="col-"],
    .block-wrapper>[class*="col-"] {
        margin-bottom: 0;
    }
    .list-view {
        margin: 0;
    }
    form [class*="col-"] {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .h-100-less {
        height: 100%;
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .image-block-wrapper .image-block {
        position: relative;
        height: 400px;
    }
    #overlay-nav .modal-dialog {
        margin-top: 50px !important;
        margin-bottom: 50px !important;
    }
    .sidebar {
        padding-left: 15px !important
    }
    .sidebar.left-sidebar {
        padding-right: 15px !important;
    }
    .block-wrapper {
        /*margin-bottom: 30px;*/
    }
    
    .slide-portfolio-item-content-close {
        right: 5px;
        top: 5px;
    }
    .nav-tabs:not(.justify-content-center):not(.align-self-center) {
        display: block;
    }
    .tabs-wrapper.filtered .nav-tabs.text-md-right .nav-link {
	    margin: 0 20px 0 0;
	}
    .nav-tabs:not(.justify-content-center):not(.align-self-center) .nav-item {
        margin-bottom: 10px;
    }
    .image-block-wrapper .box {
        padding: 30px 20px;
    }
    .split-layout .inner {
        padding: 50px 30px;
    }
    .p-sm-0 {
        padding: 0 !important;
    }
    .overlay.caption-wrapper figcaption {
	    display: none;
	}
	.post-nav-wrapper .post-nav {
        width: 100% !important;
        text-align: left !important;
        padding: 0 !important;
        display: block !important;
        border: 0 !important;
    }
    .post-nav-wrapper .prev .meta {
        padding-left: 0;
    }
    #comments .user {
        display: none
    }
    #comments .message-inner {
        margin-left: 0
    }
    #comments ul.children {
        padding: 0 0 0 25px
    }

	
}

@media screen and (min-width: 576px) and (max-width: 736px) {
	
	.navbar.solid .navbar-brand {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	
  	.swiper-container, .swiper-auto .swiper-slide img, .swiper-slide .link-wrapper {
		height: 225px;
	}
}

@media (max-width: 575.98px) {
    .navbar .navbar-header {
        padding-right: 20px;
        padding-left: 20px;
		height: 100px;
    }
	
	.section-title {
		font-size: 25px;
		line-height: 32px;
	}
	
	.tiles:not(.tiles-s):not(.tiles-m):not(.no-gutter) {
		margin-bottom: -150px;
	}
	
	.swiper-button-prev, .swiper-button-next {
		top:125px;
	}
	

	footer [class*="col-"] .widget:first-child {
		text-align: center;
	}
	
	.widget img {
		width: 50%;
	}
	
	.cbp-item {
		margin: 0 10px 20px 10px;
	}
	
    .box-layout .container > .navbar .navbar-header {
        padding-right: 0px;
        padding-left: 0px;
    }
    .col-1-5 {
        width: 50%;
    }
	
	
	
	.service h1 {
		font-size: 40px;
		line-height: 50px;
	}
	
	.block-wrapper .box {
		padding: 20px;
	}
	
	.swiper-container, .swiper-auto .swiper-slide img, .swiper-slide .link-wrapper {
		height: 450px;
	}
	
	.swiper-full-height {
		height: 100% !important;
	}
	
	.tp-caption p {
		font-size: 20px;
		margin-top: 10px;
	}
	
	.heading {
		line-height: 65px;
	}
	
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 540px;
  }	
	
}
@media (min-width: 768px) {
  .modal-dialog {
    max-width: 720px;
  }
	
	
}
@media (min-width: 992px) {
  .modal-dialog {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .modal-dialog {
    max-width: 1140px;
  }
}