@media (min-width:992px) and (max-width:1199px) {
.slider-content {
top: 10% !important;
}
.dropdown i {
display:none
}
ul.navbar-nav>li {
padding:0 10px
}
.dropdown-menu li a, ul.navbar-nav>li>a {
font-size:12px
}
.project-item-title {
font-size:18px
}
.newsletter-form input {
min-width:340px
}
.footer-social ul li {
margin:0 3px 0 0
}
.footer-menu {
float:none
}
#back-to-top.affix {
bottom:10px
}
#back-to-top {
right:10px
}
}
@media (min-width :768px) and (max-width:991px) {
.slider-content {
top: 14% !important;
}
.logo {
text-align:center
}
ul.top-info li {
padding-right:12px
}
.logo {
width:100%
}
.logo-area .logo {
padding-bottom:40px
}
.nav-style-boxed .site-navigation .container {
height:60px
}
.nav-style-boxed .navbar-collapse {
background:#fff
}
.nav-style-boxed ul.navbar-nav>li>a {
color:#333
}
.nav-style-boxed ul.navbar-nav>li {
padding:0 60px 0 30px
}
.navbar-toggle {
display:block;
position:absolute;
top:0;
right:25px;
z-index:1
}
.navbar-collapse.collapse {
display:none!important
}
ul.navbar-nav {
float:none!important;
margin-top:7.5px
}
ul.navbar-nav>li {
float:none;
display:block
}
.collapse.in {
display:block!important
}
.navbar-collapse.in {
overflow-y:auto
}
ul.nav li.dropdown:hover ul.dropdown-menu {
display:none
}
ul.nav li.dropdown.open ul.dropdown-menu {
display:block
}
.navbar-nav .open .dropdown-menu {
position:static;
float:none;
width:auto;
margin-top:0;
background-color:transparent;
border:0;
-webkit-box-shadow:none;
box-shadow:none
}
.navbar-collapse, .site-nav-inner {
width:100%
}
ul.navbar-nav>li.active>a:after, ul.navbar-nav>li:hover>a:after {
content:''
}
.dropdown-menu li a {
color:#fff;
border-bottom:1px solid rgba(0, 0, 0, .3)
}
.navbar-nav .open .dropdown-menu>li>a {
padding:5px 15px 10px 10px
}
ul.navbar-nav>li {
padding-left:30px
}
ul.navbar-nav>li>a {
padding:10px 0
}
.navbar-nav .open .dropdown-menu>li>a {
line-height:30px
}
ul.navbar-nav>li.header-get-a-quote, ul.navbar-nav>li.nav-search {
display:none
}
ul.navbar-nav {
width:100%;
padding:0 0 10px
}
ul.navbar-nav li {
float:none
}
ul.navbar-nav li a {
line-height:normal!important;
padding:10px 0 13px!important;
color:#333;
border-top:1px solid #f1f1f1!important;
border-bottom:0
}
ul.navbar-nav .dropdown-menu {
float:none;
position:relative;
border:0;
margin:0;
padding:0
}
ul.navbar-nav .dropdown-menu li a {
padding-left:20px!important;
background:0 0!important
}
ul.navbar-nav .dropdown-menu {
box-shadow:none;
border-top:0;
background:0 0
}
ul.navbar-nav li a i {
background:#f5f5f5;
float:right;
width:36px;
height:28px;
line-height:28px;
margin-top:-5px;
text-align:center
}
#main-slide .item {
min-height:500px
}
.slide-title {
font-size:16px;
line-height:24px
}
.slide-sub-title {
font-size:28px;
line-height:36px
}
.slider-description.lead {
font-size:14px
}
.slider.btn {
font-size:12px;
padding:10px 25px
}
.ts-feature-box {
margin-bottom:30px
}
.panel-group {
margin-bottom:40px
}
.footer-widget, .latest-post {
margin-bottom:30px
}
.ts-newsletter {
padding-left:30px
}
.ts-newsletter:before {
background:#272d33;
border:0;
width:100%;
height:100%;
left:-100%
}
.footer-widget {
display:inline-block
}
.newsletter-form input {
width:90%
}
#back-to-top {
right:20px
}
#back-to-top.affix {
bottom:10px
}
}
@media (max-width :767px) {
.logo, .top-social, ul.top-info {
text-align:center
}
.top-social {
margin-top:5px
}
.navbar-header {
float:left
}
ul.navbar-nav li, ul.top-info-box, ul.top-info-box li {
float:none
}
.logo {
padding-left:15px
}
.logo-area {
padding:40px 0
}
.logo-area .logo {
padding-bottom:40px
}
ul.top-info-box li {
margin-left:40px!important
}
ul.top-info-box li .info-box {
margin-bottom:15px
}
ul.top-info-box li .info-box.last {
margin-bottom:0
}
ul.top-info-box>li.nav-search {
display:none
}
.nav-style-boxed .site-navigation .container {
height:60px
}
.nav-style-boxed .site-navigation .container {
bottom:0;
padding-right:0;
padding-left:0
}
.nav-style-boxed .navbar-collapse {
background:#fff
}
.nav-style-boxed ul.navbar-nav>li>a {
color:#333
}
.nav-style-boxed ul.navbar-nav>li {
padding:0 60px 0 30px
}
.navbar-collapse, .site-nav-inner {
width:100%
}
ul.navbar-nav>li.active>a:after, ul.navbar-nav>li:hover>a:after {
content:''
}
.dropdown-menu li a {
color:#fff
}
.navbar-nav .open .dropdown-menu>li {
padding-left:0
}
.navbar-nav .open .dropdown-menu>li>a {
padding:5px 15px 10px 10px
}
.nav-style-boxed ul.navbar-nav>li, ul.navbar-nav>li {
display:block;
padding-left:50px
}
ul.navbar-nav>li.header-get-a-quote, ul.navbar-nav>li.nav-search {
display:none
}
ul.navbar-nav>li>a {
padding:5px 0
}
.navbar-nav .open .dropdown-menu>li>a {
line-height:30px
}
ul.navbar-nav {
width:100%;
padding:0 0 10px
}
ul.navbar-nav li a {
line-height:normal!important;
padding:10px 0 13px!important;
color:#333;
border-top:1px solid #f1f1f1!important;
border-bottom:0
}
ul.navbar-nav .dropdown-menu {
float:none;
position:relative;
border:0;
margin:0;
padding:0
}
.page-slider-small {
margin-bottom:20px
}
ul.navbar-nav .dropdown-menu li a {
padding-left:20px!important;
background:0 0!important
}
ul.navbar-nav .dropdown-menu {
box-shadow:none;
border-top:0;
background:0 0
}
ul.navbar-nav li a i {
background:#f5f5f5;
float:right;
width:36px;
height:28px;
line-height:28px;
margin-top:-5px;
text-align:center
}
.copyright-info, .footer-menu {
text-align:center
}
.navbar-toggle {
position:absolute;
top:0;
right:20px;
z-index:1
}
#main-slide .item, .page-slider .item {
min-height:450px;
background-position:70% 50%
}
#main-slide .slider-content {
width:90%;
top: 36%;
}
#main-slide .slider-content.text-left {
left:5%
}
#main-slide .slider-content.text-right {
right:5%
}
p.special {
font-size: 18px;
}
.slide-title-box {
font-size:12px;
line-height:29px
}
.slide-title {
font-size:16px;
line-height:24px
}
.slide-sub-title {
font-size:26px;
line-height:30px
}
.slider-description.lead {
font-size:14px
}
.slider.btn {
font-size:10px;
padding:10px 15px
}
.box-slider-text {
max-width:360px
}
.box-slide-title {
font-size:18px;
margin-top:0;
line-height:normal
}
.page-slider-small {
clear:both
}
.call-to-action-btn {
margin-top:20px
}
.ts-feature-box {
margin-bottom:30px
}
.ts-service-box .ts-service-box-content h3 {
font-size:16px
}
.project-area .title {
margin-left:20px
}
.panel-group {
margin-bottom:40px
}
.quote-item .quote-text {
margin:40px 20px 10px
}
.footer-widget, .latest-post {
margin-bottom:30px
}
.ts-newsletter {
padding-left:30px;
min-height:190px;
display:none;
}
.ts-newsletter:before {
background:#272d33;
border:0;
width:100%;
height:100%;
left:-100%
}
.newsletter-form {
margin-left:0
}
.newsletter-form input {
min-width:320px
}
.footer-widget {
display:inline-block
}
#back-to-top.affix {
bottom:10px
}
#back-to-top {
right:10px
}
.copyright-info {
font-size:13px
}
.footer-menu {
float:none
}
.footer-menu ul li {
padding-left:5px
}
.footer-menu ul.nav li a {
font-size:12px
}

#enquirypopup{width:100%; left:0px; right:0px; margin:auto;}
    #enquirypopup .modal-dialog{width:70%; top:10%;}

}
@media (max-width :479px) {
.featured-tab .nav-tabs>li>a {
padding:0 12px;
font-size:13px
}
.newsletter-form input {
min-width:250px
}
#back-to-top.affix {
bottom:10px
}
.packers_list {
padding-left:10px;
padding-right:10px
}
.packers_list .sidebar .widget {
margin-bottom:2px
}
.nav-tabs>li{width:100%;}
.featured-tab{padding:0px 15px;}

.logo-area .logo{padding:0px;}
.logo-area{ padding:5px 0px; position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99;}

.logo-area img{width:75px !important;}
	
	.info-phone-box{display:block; width:48%; margin:0px auto;}	
	p.info-box-phone{    margin: 20px 17px;
    padding: 5px;
    background: #0897e1;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    letter-spacing: .7px;}
		
	
.nav-style-boxed .site-navigation{position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    z-index: 9;}

.nav-style-boxed .navbar-collapse{top: 65px;
    position: relative;}

#main-slide .item{background: #000 !important; }
.slide-sub-title, .slider-description{color:#fff !important;}
 .slider-description{margin-top:0 !important;}
.form-control{height:38px;}
.modal-content{padding:0px 0 15px 0;}
p.special span{color:#fff !important;}
#main-slide .slider-content.text-left{top:240px;}
.visible-logo{display:none !important;}

#enquirypopup{width:100%; left:0px; right:0px; margin:auto;}
    #enquirypopup .modal-dialog{width:70%; top:0%;}
}

@media (max-width: 360px){
	.slider.btn{width:100%;}
	.ts-facts-content, .ts-facts-img{display:block;}
	.facts-wrapper{text-align:center;}
	.ts-facts{padding:10px 0;}
	.float{    width: 50px;
    height: 50px;
    bottom: 20%;
    left: 15px;}
	.my-float{margin-top:10px; font-size:15px;}
	#back-to-top{left:15px;}
	
	.logo-area img{width:75px !important;}
	
	.info-phone-box{display:block; width:48%; margin:0px auto;}	
	p.info-box-phone{    margin: 20px 17px;
    padding: 5px;
    background: #0897e1;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    letter-spacing: .7px;}
	
	
	}