/* LOGIKA Transport and Logistics HTML5 Template */

@media only screen and (max-width: 1300px){
	.carousel-caption p {
    padding-top: 19%;
    font-size: 1.5em;
    font-weight: normal;
	}
	p.space_text {
	    padding: 1.5em;
	    font-size: 0.85em;
	    line-height: 1.6;
	}
}

@media only screen and (max-width: 1140px){
	.carousel-caption p {
	    padding-top: 17% !important;
	    font-size: 1.5em !important;
	    line-height: 1.6;
	}
	.main-menu .navigation > li > a{
		padding-left:25px !important;
		padding-right:25px !important;	
	}
	
	.fluid-section-one .large-container .left-column,
	.fluid-section-one .large-container .right-column,
	.fluid-section-two .large-container .left-column,
	.fluid-section-two .large-container .right-column{
		float:none;
		width:100%;
		padding:50px 0px; 
	}
	
	
	.fluid-section-one .large-container .bg-skew,
	.fluid-section-two .large-container .bg-skew,
	.fluid-section-two .specs-outer .line-left,
	.fluid-section-three .bg-skew,
	 {
		display:none;	
	}
	
	.fluid-section-one .large-container .left-column,
	.fluid-section-two .large-container .right-column,
	.fluid-section-three .large-container .right-column{
		/*background:#2086d5;
		padding:50px 15px;*/
	}
	
	.logistic-progress{
		padding-right:0px;	
	}
	
	.fluid-section-two .right-column,
	.fluid-section-two .right-column h2,
	.fluid-section-two .specs-outer .spec-block{
		transform:skewX(0) !important;
		-webkit-transform:skewX(0) !important;
		-ms-transform:skewX(0) !important;
		-o-transform:skewX(0) !important;
		-moz-transform:skewX(0) !important;
	}
	
	.default-two-col .form-column .inner-box{
		margin-top:0px;	
	}
	
	.fluid-section-three .right-column{
		float:none;
		width:100%;	
	}
	.text_2 p {
	    font-size: 1em;
	}
	.fluid-section-three .block-column .block{
		margin-bottom: 0;
	}

}

@media only screen and (max-width: 1023px){
	
	.main-menu .navigation > li > a{
		padding-left:15px !important;
		padding-right:15px !important;	
	}
	
	.featured-section .column .image{
		position:relative;	
	}

	.fact-counter .counter-outer{
		margin:0px 0px;
	}

	.page-wrapper {
	    padding-top: 167px !important;
	}
	
	.fact-counter .counter-outer:before{
		transform:skewX(0) !important;
		-webkit-transform:skewX(0) !important;
		-ms-transform:skewX(0) !important;
		-o-transform:skewX(0) !important;
		-moz-transform:skewX(0) !important;
	}
	
	.default-two-col .content-column{
		padding-bottom:40px !important;	
	}

	.fluid-section-three .block-column h3 {
	    padding-left: 0px;
	}

	.text h3, .text_2 p {
	    position: static; /*position: absolute !important;*/
	    margin: 0 auto;
	    text-align: justify;
	    padding-left: 0px;
	    font-size: 1em;
	}

	.carousel-caption p {
	    padding-top: 20% !important;
	    font-size: 1.4em !important;
	}

	ul.list.nav.nav-tabs.navbar-border li.active {
	    border-left: 3px solid #000;
	} 
	span.border_1.active, span.border_2.active,span.border_3.active,span.border_4.active,
	span.border_5.active,span.border_6.active,span.border_7.active {
    	display: none !important; 
	}
	.about_menu_mobile{
		padding: 10px;
	}
}

@media only screen and (max-width: 990px){
	.grid figure figcaption {
	    padding: 7em !important;
	    color: #fff;
	    text-transform: uppercase;
	    font-size: 1.25em;
	    -webkit-backface-visibility: hidden;
	    backface-visibility: hidden;
	}
	.show_slide_text{
		display: block !important; 
	}
	.show_slide_text_no{
		display: none !important; 
	}

}

@media only screen and (max-width: 920px){
	.text_2 p {
	    font-size: 1.5vw !important;
	}
	.carousel-caption p {
	    padding-top: 20% !important;
	    font-size: 1.4em !important;
	}

}


@media only screen and (min-width: 768px){
	.main-menu .navigation > li > ul,
	.main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
}

@media only screen and (max-width: 767px){
	
.qet-quote-outer.pull-right.left_flag_desktop {
	display: none !important;
}
.panel-body {
    padding: 0px !important;
}
.qet-quote-outer.pull-left.left_flag_mobile {
    display: block !important;
    z-index: 9999;
    float: left !important;
    position: absolute;
}
.desktop{
	display: none !important;
}
.mobile{
	display: block !important;
}
.no-mobile{
	display: none !important;
}
.carousel-caption {
    max-width: 41% !important;
    font-size: 1vw !important;
}
.panel-title {
    font-size: 14px !important;
}
	.main-menu{
    float: none;
    padding: 3px 0px;
    z-index: 5;
	}
	.main-header .get-quote-btn3 {
	    padding: 3px 0px !important;
	}
	p.space_text {
    	padding: 20px;
    	font-size: 1em !important;
	}	
	.text_2 p {
	    font-size: 1em !important;
	}

	.main-menu .collapse {
	   max-height:300px;
		overflow:auto;
		float:none;
		width:100%;
		padding:0px;
		border:1px solid #ffffff;
		margin:10px 0px;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
   }
   
	.main-menu .collapse.in,
	.main-menu .collapsing{
		padding:0px;
		border:1px solid #ffffff;
		margin:10px 0px;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;	
	}
	
	span.border_1.active{
		display: none;
	}
	
	.main-menu .navbar-header{
		position:relative;
		float:none;
		display:block;
		right:0px;
		width:auto;
		z-index:12;
	}
	
	.main-menu .navbar-header .navbar-toggle{
		display:block;
		z-index:7;
		border:0px solid #36575a;
		margin:0px 0px 0px 0px;
	}
	
	.main-menu .navbar-header .navbar-toggle .icon-bar{
		background:#36575a;	
	}
	
	.main-menu .navbar-collapse > .navigation{
		float:none !important;
		margin:0px;
		width:100%;
		background:#eb1d1d;
	}
	
	.main-menu .navbar-collapse > .navigation > li{
		margin:0px;
		float:none;
		width:100%;
		border:none;
	}
	
	.main-menu .navigation > li > a,
	.main-menu .navigation > li > ul:before{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a{
		padding:10px 10px !important;
	}
	
	.main-menu .navigation > li > a:before,
	.main-menu .navigation > li > a:after,
	.main-menu .navigation > li > ul > li > a:after,
	.main-menu .navigation > li > ul:before,
	.main-menu .navigation > li > ul:before{
		display:none !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		position:relative;
		border:none;
		float:none;
		visibility:visible;
		opacity:1;
		display:none;
		margin:0px;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		width:100%;
		background:#eb1d1d;
		border-radius:0px;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
		transition:none !important;
		-webkit-transition:none !important;
		-ms-transition:none !important;
		-o-transition:none !important;
		-moz-transition:none !important;
	}
		
	.main-menu .navbar-collapse > .navigation > li > ul,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{
		border-top:1px solid rgba(255,255,255,1) !important;	
	}
	
	.main-menu .navbar-collapse > .navigation > li:first-child{
		border:none;	
	}
	
	.main-menu .navbar-collapse > .navigation > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{
		padding:10px 10px !important;
		line-height:22px;
		color:#ffffff;
		background:#36575a;
		text-align:left;
	}
	
	.main-menu .navbar-collapse > .navigation > li > a:hover,
	.main-menu .navbar-collapse > .navigation > li > a:active,
	.main-menu .navbar-collapse > .navigation > li > a:focus{
		background:#fff;
		color: #36575a;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn{
		display:block;
	}
	
	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navbar-collapse > .navigation > li.dropdown > a::after{
		display:none !important;	
	}
	
	.main-menu .navigation > li > a:after,
	.main-menu .navigation > li > ul > li > a:before,
	.main-menu .navigation > li > ul > li > ul > li > a:before{
		display:none;	
	}
	
	.main-header .get-quote-btn{
		left:0px;
		top:0px;
		text-align: center;
		z-index:10;
	}
	.main-header .get-quote-btn2{
		left:0px;
		top:0px;
		text-align: center;
		z-index:10;
	}
	.main-header .header-upper {
		padding: 0px;
	}
	.main-header .header-upper .infor-box {
		padding:0px;
		width: 100%;
		margin: 0 auto; 
	}
	.intro-section .inner{
		padding:30px 0px;
		background:#2086d5;
	}
	
	.intro-section .inner .content-box{
		padding:20px 10px;	
	}
	
	.intro-section .inner .skew-line,
	.intro-section .inner .content-box:before{
		display:none;	
	}
	
	.featured-services .column .theme-btn{
		position:relative;
		right:0px;
		top:0px;
		left:0px;
		top:0px;
		margin:10px 0px 0px;	
	}
	
	.featured-services .column .inner-box{
		margin-right:0px;	
	}

	.text h3, .text_2 p {
	    position: static; /*position: absolute !important;*/
	    margin: 0 auto;
	    /*text-align: center;*/
	    padding-left: 0px;
	    font-size: 1em;
	}

	.fluid-section-three .block-column .block {
	    /*text-align: center;*/
	}
	.footer-widget.links-widget {
	    margin-bottom: 0% !important;
	}
	.footer_move.col-md-6.col-sm-12.col-xs-12 {
	    text-align: left !important;
	    margin-bottom: 20px !important;
	}

	article.col-md-6.col-sm-6.col-xs-12.block.wow.animated.cont {
	    text-align: justify !important;
	}
	
	article.col-md-6.col-sm-6.col-xs-12.block.wow.animated {
	    text-align: center !important;
	}
	.page-wrapper {
	    padding-top: 130px !important;
	}
	.page-title {
	    height: 150px;
	}

	.page-title h1 {
	    padding-top: 40px;
	}

	.page-title_2 {
	    height: 150px;
	}

	.page-title_2 h1 {
	    padding-top: 40px;
	}

	.nivo-caption div.nivo-captiona {
    top: 30% !important;
    padding: 15px !important;
    max-width: 65% !important;
    line-height: 1.3 !important;
    font-size: 2.2em !important;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}
	p.space_text {
	    padding: 15px;
	    font-size: 1em !important;
	}
	article.col-md-6.col-sm-6.col-xs-12.block.wow.fadeInRight.cont.animated {
	    padding-right: 0 !important;
	    padding-left: 0 !important;
	}
	article.col-md-6.col-sm-6.col-xs-12.block.wow.animated.cont {
	    text-align: justify !important;
	    padding-left: 0;
	    padding-right: 0;
	}
}

@media only screen and (max-width: 599px){
	
	.main-header .header-upper .top-bar,
	.main-header .header-upper .top-right{
		position:relative;
		float:none !important;
		width:100%;
	}
	
	.main-header .header-upper .upper-right,
	.main-header .header-upper .search-box{
    width: 40%;
    padding-top: 0px !important;
    padding-bottom: 10px;
	}

	.main-header .header-upper .upper-right{
    /* width: 50%; */
    /* padding-top: 0px !important; */
    /* padding-bottom: 10px; */
    /* float: right !important; */
	}
	/*.main-header.fixed-header{
	position:relative !important;	
	}*/
.page-wrapper {
    padding-top: 0px !important;
}
	.main-header{
		position: relative;
	}
	.main-header .header-upper .infor-box {
	    padding: 0px;
	    width: 116px;
	    float: right;
	    text-align: right;
	}
	.main-header .header-upper .logo-outer{
    float: left !important;
    width: 50%;
    max-width: 273px;
	}
	
	.main-header .header-upper .logo{
    text-align: left;
    min-width: 80px;
	}
	.logo img {
    /* width: 100%; */
    /* min-width: 146px; */
    /* vertical-align: middle; */
    /* padding-top: 7px; */
    padding-bottom: 14px;
	}
	.main-header .header-upper .logo img{
		/*display:inline-block;*/
	}
	.pull-right.upper-right a {
	/*font-size: 2.8vw;
	line-height: 1.8;*/
	}

	.fluid-section-three .block-column h3 {
	    position: relative;
	    font-size: 2em;
	    font-weight: 600;
	    text-transform: capitalize;
	    padding-bottom: 10px;
	    text-align: center;
	}
	.main-header .header-upper .infor-box {
    position: relative;
    /* padding: 0px!important; */
    width: 100%;
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
	}

	.latest-news .slide-item .image:before,
	.latest-news .slide-item .content-box-inner:before,
	.blog-container .blog-post .post-info .info-inner:before,
	.blog-container .blog-post .post-info .comment-count,
	.blog-container .blog-post .post-info .info-inner:after,
	.blog-container .blog-post .post-info:after{
		display:none;	
	}
	
	.blog-container .blog-post .post-info{
		padding:0px 0px 20px;
		border:none;
		margin:0px;
	}
	
	.blog-container .blog-post .post-info .info-inner{
		padding:0px 20px 0px 0px;
		background:#ffffff;
		border:1px solid #e0e0e0;
	}
	
	.latest-news .slide-item .content-box,
	.latest-news .slide-item .content-box-inner{
		position:relative;
		padding:10px 0px 0px;
		width:100%;
		max-width:none;	
	}
	
	.latest-news .slide-item .content-box-inner .text-content,
	.sidebar-page .comments-area .reply-comment{
		margin-left:0px;	
	}
	
	.sidebar-page .about-author .author-desc{
		padding-left:0px;	
	}
	
	.sidebar-page .about-author .author-thumb{
		position:relative;
		margin-bottom:20px;	
	}
	.text_slider p {
    	font-size: 1.7vw !important;
	}
	.nivo-caption div.nivo-captiona {
	    position: relative;
	    top: 30% !important;
	    z-index: 9999;
	    padding: 15px;
	    text-transform: uppercase;
	    max-width: 70% !important;
	    line-height: 1.1 !important;
	    font-weight: normal;
	    font-family: sans-serif;
	    font-size: 1.7em !important;
	    text-align: left;
	    text-shadow: 0 1px 2px rgba(0,0,0,.6);
	}
	.text_2 p {
	    font-size: 1.2em !important;
	}
	p.space_text {
	    padding: 15px;
	    font-size: 1em !important;
	}
	.fluid-section-three .right-column {
	    padding: 30px 10px 30px 0px !important;
	}
	.text_2 p {
	    font-size: 1em !important;
	}
	figure.effect-layla figcaption {
	    padding: 0em !important;
	}
	figure.effect-layla h2 {
	    line-height: normal !important;
	    font-size: 1.7em !important;
	    padding: 1.3em !important;
	    height: 100% !important;
	}
	.grid_mobile figure h2 {
	    font-size: 1em !important;
	    padding: 7% !important;
	}	
	article.col-md-6.col-sm-6.col-xs-12.block.wow.fadeInRight.cont.animated {
    	padding-right: 0 !important;
    	padding-left: 0 !important;	
	}
	.fluid-section-three .block-column h3 {
	    position: relative;
	    font-size: 1.2em !important;
	    font-weight: normal !important;
	    text-transform: uppercase !important;
	    padding-bottom: 10px;
	    text-align: center;
	}
}

@media only screen and (max-width: 480px){
	.logo img {
	    width: 100%;
	    min-width: 170px;
	    vertical-align: middle;
	    padding-bottom: 14px;
	    max-width: 248px;
	}
	.main-header .header-upper .logo-outer {
	    float: left !important;
	    width: 36%;
	    max-width: 260px;
	}
	.main-header .get-quote-btn2 {
	    font-size: 0.7em;
	}
	.main-header .get-quote-btn {
	    font-size: 1em;
	}
	.main-header .header-upper .infor-box {
	    padding: 25px 0px 0px !important;
	}
	.main-header .header-upper .upper-right {
	    line-height: 1.4;
	}
	.sidebar-page {
	    padding: 10px 0px 100px;
	}
	.grid_mobile figure figcaption {
	    padding: 2em !important;
	}
	.grid_mobile figure h2 {
		font-size: 4vw !important;
	}
	.fluid-section-three .right-column {
	    padding: 30px 10px 30px 0px !important;
	}
	.text_2 p {
	    font-size: 1em !important;
	}
	.grid_mobile figure h2 {
	    font-size: 1em !important;
	    padding: 0% !important;
	}
	.grid_mobile figure figcaption {
	    padding: 1.3em !important;
	}
}

@media only screen and (max-width: 460px){
	.nivo-caption div.nivo-captionb {
	    display: none !important;
	}
}

@media only screen and (max-width: 420px){
	.nivo-caption {
	    position: absolute !important;
	    left: 0px;
	    bottom: 0px;
	    /* background: #000; */
	    color: #fff;
	    width: 100% !important;
	    z-index: 8;
	    /* padding: 15px 20px; */
	    opacity: 0.8;
	    overflow: hidden;
	    display: none;
	    -moz-opacity: 0.8;
	    filter: alpha(opacity=8);
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    font-size: 1.1em !important;
	    height: 50% !important;
	}
	.nivo-caption div.nivo-captiona {
	    position: absolute;
	    top: 21% !important;
	    z-index: 9999;
	    padding: 15px;
	    text-transform: uppercase;
	    max-width: 100% !important;
	    line-height: 1.3 !important;
	    font-weight: normal;
	    font-family: sans-serif;
	    font-size: 1.6em !important;
	    text-align: left;
	    text-shadow: 0 1px 2px rgba(0,0,0,.6);
	    transition: all 500ms ease;
	    -moz-transition: all 500ms ease;
	    -webkit-transition: all 500ms ease;
	    -ms-transition: all 500ms ease;
	    -o-transition: all 500ms ease;
	}
}