/* Tali - Floor and Paving Services HTML Template */

@media only screen and (max-width: 1500px){
	.page-with-sidebar-nav .page-wrapper{padding-left:0px;}
	.sidebar-header{left:-290px; width:290px;}
	.sidebar-header .nav-toggler{opacity:1; visibility:visible;}
}

@media only screen and (max-width: 1340px){
	.page-wrapper{overflow:hidden;}
	.sidebar-header .main-box{border-width:100px 25px 170px 25px;}
	.sidebar-header .main-box .logo-box{top:-90px;}
	.sidebar-header .nav-toggler{top:-80px; right:-35px;}
	.inner-header .outer-container{padding:0px 15px;}
	.page-title{border:none;}
}

@media only screen and (max-width: 1140px){
	.about-section .content-column h2{font-size: 30px;}
	.header-style-two{position:relative; background-color:#444444;}
	.sidebar-page-container .content-side .side-inner{margin-right:0px;	}
	.about-section .content-column .inner{padding-left:0px;}
	.about-section .image-column .image-box, .projects-single .cases-title h2{padding-right:0px;}
	.projects-single .cases-title h2{text-align:left; border:0px;}
	.projects-single .cases-title h2 br{display:none;}
	.page-title{padding-top:120px !important;}
	.header-style-two .header-upper .main-menu .navigation > li > ul{margin-top:0px;}
	
}

@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: 1023px){
	.main-slider .tparrows.preview3.tp-rightarrow{right:-13px !important;}
	.header-style-one .social-links{display:none;}
	.sidebar-header .main-box{border-width:100px 20px 70px 20px;}
	.sidebar-header .nav-toggler{right:-30px;}

	.sidebar-header .social-links,
	.fixed-header .sticky-header,
	.get-quote-section .sec-title h2 br,
	.get-quote-section.style-two:after,
	.get-quote-section.style-two .form-column .form-box .form-header:after,
	.get-quote-section .sec-title .text br,
	.price-section .price-title p br{display:none;}

	.header-style-two .nav-outer,
	.main-header .header-upper .nav-outer{padding-right:0px;}

	.page-title{padding:200px 0px 120px;}
	.main-header .header-top, .call-to-action .text-column, .call-to-action .link-column, .subscribe-style-one, .main-footer .footer-bottom{ text-align:center; }
	.main-header .header-top .top-right ul > li, .main-header .header-top .top-left ul > li{margin:0px 4px;}
	.main-header .header-top .top-right .social-links{padding:10px 0px 0px 0px;}
	.main-header .header-top .top-right{margin-bottom:12px;}
	.call-to-action .text-column, .call-to-action .link-column{width:100%;}
	.main-header .logo-outer .logo img{max-width: 73%; margin-bottom: 10px;}
	.main-menu .navigation > li{margin-right: 20px;}
	.about-section .content-column h2{font-size:26px;}

	.sec-title h2{font-size:34px;}
	.get-quote-section .form-column .form-box{max-width:100%;}
	.main-menu .navigation > li{padding:0px;}
	.main-header .logo-outer{padding-bottom:0px;}
	.get-quote-section.style-two .sec-title{margin-top:20px;}
	.get-quote-section .form-column .form-box{padding:35px 20px 25px;}
	.get-quote-section.style-two .form-column .form-box{margin-top:0px;}
	.get-quote-section .title-column, .get-quote-section .form-column{margin-bottom:0px;}
	.get-quote-section.style-two .form-column .form-box .form-header{ padding:30px 20px 35px; margin:-35px -20px 25px; }
	.blog-single .inner-box .lower-content .text blockquote{margin-left:0px;}
	.main-slider h2{font-size:42px;	}
	.about-section .image-box{display: none;}
	.get-quote-section .sec-title{margin-top: 30px;}
	.contact-section .contact-info-block .inner .icon-box{left: 10px;}
	.contact-section .contact-info-block .inner{padding-left: 70px;}
	.pro-ser li{width: 32.3%;}
}

@media only screen and (max-width: 767px){
	.main-header .logo-outer{width: 70%; position: relative; z-index: 999;}
	.main-header .header-upper .upper-right{margin-top: -67px; width: 100%}

	.main-header .logo-outer .logo img{width: 40%;}
	.services-section .col-md-4{float: left; width: 50%;}
	.big-column .col-md-6{float: left; width: 50%;}
	.header-style-one, .footer-style-one{position:relative;}
	.main-header .main-menu{padding-top:0px; width:100%; margin:0px;}

	.main-header .main-menu{position: absolute; z-index: 999;}
	.main-menu .collapse {max-height:300px; overflow:auto; float:none; width:100%;  padding:10px 0px 0px; border:none; margin:0px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
	.main-menu .collapse.in, .main-menu .collapsing{padding:10px 0px 0px; border:none; margin:0px 0px 15px; -ms-border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
	.main-menu .navbar-header{position:relative; float:none; display:block; text-align:right; width:100%; padding:0px 0px 18px; right:0px; z-index:12;}
	.main-menu .navbar-header .navbar-toggle{display:inline-block; z-index:7; border:1px solid #ee6b0b; float:none; margin:0px 0px 0px 0px; border-radius:0px; background:#ee6b0b;}
	.main-menu .navbar-header .navbar-toggle .icon-bar{background:#ffffff;}
	.main-menu .navbar-collapse > .navigation{float:none !important; margin:0px !important; width:100% !important; background:#ee6b0b; border:1px solid #ffffff; border-top:none;}
	.main-menu .navbar-collapse > .navigation > li{margin:0px !important; float:none !important; width:100%; padding:0px;}
	.main-menu .navigation > li > a, .main-menu .navigation > li > ul:before{border:none;}
	.main-menu .navbar-collapse > .navigation > li > a{padding:10px 10px !important; border:none !important; }
	.main-menu .navigation li.dropdown > a:after, .main-menu .navigation > li.dropdown > a:before, .main-menu .navigation > li > ul > li > a::before, .main-menu .navigation > li > ul > li > ul > li > a::before{color:#ffffff !important; right:15px; font-size:16px; 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:#ee6b0b; -webkit-border-radius:0px; -ms-border-radius:0px; -o-border-radius:0px; -moz-border-radius:0px; border-radius:0px; transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; -o-transition:none !important; -moz-transition:none !important; -webkit-transform:scale(1) !important; -ms-transform:scale(1) !important; -o-transform:scale(1) !important; -moz-transform:scale(1) !important; transform:scale(1) !important; -webkit-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

	.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; opacity:1 !important; top:0px !important; left:0px !important; visibility:visible !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:#ee6b0b; text-align:left; min-height:0px;}

	.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:#ee6b0b;}

	.main-menu .navbar-collapse > .navigation > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,
	.main-menu .navbar-collapse > .navigation > li.current > a,
	.main-menu .navbar-collapse > .navigation > li.current-menu-item > a,
	.header-style-two.inner-header .main-menu .navigation > li > a{background:#ee6b0b; color:#ffffff !important;}

	.main-menu .navigation li.dropdown .dropdown-btn{display:block;}

	.main-menu .navbar-collapse > .navigation li.dropdown:after,
	.main-menu .navigation > li > ul:before,
	.pricing-column .inner-box:after{display:none !important;}

	.main-header .nav-outer .more-options{left:0px; right:auto; margin:0px; top:8px; z-index:12; border:0px;}
	.main-header .nav-outer .dropdown-outer{left:0px; }
	.main-header .nav-outer .more-options{width:75px;}
	.main-header .nav-outer .dropdown-outer .dropdown-menu{top:40px; left:0px;}
	.subscribe-style-one h2, .error-section h2{font-size:30px;}
	.main-header .logo-outer{padding-bottom:10px;}
	.portfolio-tabs .tabs-header .pull-right, .main-footer .footer-bottom .copyright, .main-footer .footer-bottom .footer-links{width:100%;}
	.page-title h1{font-size:40px;}
	.accordion-box .block .acc-btn{font-size:20px;}
	.price-section .price-title h2{font-size:32px;}
	.projects-single .cases-title h2{font-size:24px; border:0px;}
	.prod-tabs .reviews-container .review-box, .sidebar-page-container .comments-area .comment{padding-left:0px;}
	.shop-page .prod-tabs .reviews-container .rev-thumb, .sidebar-page-container .comments-area .comment-box .author-thumb{position:relative;top:0px;}

	.prod-tabs .reviews-container .rev-header h4{margin-bottom:0px;width:100%;}
	.prod-tabs .reviews-container .rev-header .rating{margin-left:0px;}
	.sidebar-page-container .group-title h2{font-size:36px;}
	.contact-section .contact-info-block .inner{padding-left:20px; text-align:center;}
	.contact-section .contact-info-block .inner .icon-box{ position:relative; top:0px; left:0px; margin-bottom:10px;}
	.main-slider h2{font-size:36px;	}
	.contact-section .social-links li{float:none; display:inline-block; margin:0px 7px;	}
	.get-quote-section .sec-title{margin-top: 30px;}
	.pro-ser li{width: 49%;}

}

@media only screen and (max-width: 599px){
	.main-header .main-menu{position: absolute; z-index: 999;}
	.main-header .logo-outer .logo img{width: 60%;}
	.main-header .logo-outer{width: 70%; position: relative; z-index: 999;}
	.main-header .header-upper .upper-right{margin-top: -67px; width: 100%}
	.services-section .service-item {padding: 0px 10px; margin-bottom: 40px;}
	.comments-area .reply-comment{margin-left:0px;}
	.comments-area .comment .comment-inner, .service-box .inner-box .title-box{	padding-left:0px;}
	.comments-area .comment .comment-inner .author-thumb{position:relative; left:0px;top:0px; margin:0px 0px 25px;}
	.testimonial-carousel .slide-item .inner:after{display:none;}
	.service-box .inner-box .title-box .icon{position:relative;}
	.service-box .inner-box{text-align:center;}
	.blog-single .inner-box .lower-content h3{font-size:24px;}
	.main-slider h2{font-size:22px;}
	.get-quote-section .sec-title{margin-top: 30px;}
	.pro-ser li{width: 49%;}
}

@media only screen and (max-width: 479px) {
	.main-header .main-menu{position: absolute; z-index: 999;}
	.main-header .header-top .top-right{display: none;}
	.main-header .logo-outer .logo img{width: 80%;}
	.main-header .logo-outer{width: 70%; position: relative; z-index: 999;}
	.main-header .header-upper .upper-right{margin-top: -70px; width: 100%}
	.services-section .col-md-4 {float: left; width: 100%;}
	.big-column .col-md-6 {float: left; width: 100%;}
	.error-search-box{width:100%;}
	.default-portfolio-item .overlay-box .over-content h4{font-size:22px;}
	.related-projects h2{font-size:26px;}
	.shop-page .prod-tabs .tab-btns .tab-btn{width:100%; text-align:center; margin:0px 0px 10px;}
	.get-quote-section .sec-title{margin-top: 30px;}
	.pro-ser li{width: 99%;}
	.default-form li:first-child, .default-form li:nth-child(2), .default-form li:nth-child(3), .default-form li:nth-child(4), .default-form li:nth-child(5), .default-form li:nth-child(6){width: 99%;}
}