/**********************************************/
/**************** Responsive  ****************/
/********************************************/
@media only screen and (max-width: 1024px) {
	nav.navbar.bootsnav ul.nav > li > a{font-size:14px; padding: 30px 6px;}
	.serviceBox .title{font-size: 16px;}
	.serviceBox .description{font-size:13px; line-height:20px;}
	.service-content a{font-size:15px;}
	.sub-sale-text p{font-size:18px;}
	.sub-sale-text h4{font-size:26px;}
	.sub-sale-text2 h4{font-size:26px;}
	.sale-tx-box h2{font-size:28px;}
	.sale-tx-box p{font-size:14px; line-height:24px;}
	.widget-text ul li span{font-size:13px; margin: 0 0 0 8px;}
}
@media only screen and (max-width: 991px) {
	.header-call{text-align:left;}
	.serviceBox{margin: 0 0 25px 0;}
	.main-serv-box{margin:0;}
	.main-sale-box{margin:15px 0 0 0;}
	.sub-sale-box{margin: 0 0 25px 0;}
	.text-box-mian{margin:0;}
	.sub-btn{text-align:center; float:left;}
	.widget{margin-bottom: 10px;}
	.footer-bar{padding: 15px 0 10px 0;}
	.footer-bar p{text-align:center; margin-bottom: 5px;}
	.copyright p.pull-right{float:none !important;}
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a{color:#fff;}
	nav.navbar.bootsnav ul.nav > li > a{padding: 15px 6px;}
	.social-icons > li > a{margin: 10px 0 0 0;}
}
@media only screen and (max-width: 768px) {
	.hero h1{font-size:18px; line-height:50px;}
	.fade-carousel{display:block; height: 350px; background:#fff;}
	.fade-carousel .carousel-inner .item{height: 350px; background:#fff;}
	.widget-title h6{font-size:16px;}
	.widget-title{margin-bottom: 15px;}
	.get-text p{font-size:14px; margin: 0 0 15px 0;}
	.get-btn .btn{font-size:14px; padding: 6px 20px;}
	.sub-header{font-size:22px;}
	.get-btn .btn {font-size: 14px; padding: 6px 20px; float: none;}
	.get-btn {text-align: center; width: 100%;}
	.vertical-tab .tab-content h3{font-size: 16px;}
	.header-call a {font-size: 15px;}
	.header-call p{font-size: 15px;}
	.header-call i{font-size: 28px;}
	.header-login{margin:15px 0 0 0;}
	.main-serv{margin:0;}
	.pricingTable .title{font-size: 14px;}
	.pricingTable .pricing-content li{font-size: 14px;}
	.main-st-price{margin: 0 0 0 0;}
	.terms-text{float: left; margin: 15px 0 0 0;}
	.terms-text p{margin-bottom: 10px;}
	p{font-size:13px;}
	.header-login h5{font-size: 14px;}
	.sub-title-price tr td{font-size: 14px;}
	.sub-title-price h3{font-size: 16px; padding: 5px 0;}
	.header-text{display:block; margin: 10px 0 0 0;}
	.header-text p{padding:0 0 5px 0; margin: 0;}
	.wel-text{padding: 30px 0 0px 0;}
	.head-content h1{font-size: 32px; margin:0;}
	.main-menu{margin: 20px 0 0 0;}
	.food-box h5{font-size: 14px;}
	.serv-box h5{font-size: 14px;}
	.sec-title h2{font-size: 22px;}
	.main-food{padding: 30px 0 30px 0;}
	.main-footer{padding: 30px 0 30px 0;}
	.footer-bar p{font-size:13px;}
}
@media only screen and (max-width: 767px) {
	.table-responsive{width:70%; border: none;}
	.inner-banner{padding: 30px 0 0px 0;}
	.about-title h4{font-size: 20px;}
	.sub-title-price .table{float:left;}
	.sub-title-price{margin:0 0 15px 0;}
	.price-btn .btn{font-size: 14px; padding: 7px 25px;}
	.main-modal .table-responsive{width: 100%;}
	.serv-box{margin: 0 0 15px 0;}
	.main-serv{padding: 30px 0 20px 0; margin:20px 0 0 0;}
	.food-box{margin: 0 0 15px 0;}
	.main-footer h3{margin: 10px 0 10px 0;}
	.main-footer .logo-box{margin: 20px 0 20px 0;}
	.sub-about-text h2{font-size: 20px; margin:0;}
	.sub-about-text{padding: 20px 0 20px 0;}
	.title-text{margin:10px 0 30px 0;}
	.sub-about-text ul li{margin: 0 0 0 30px;}
	p.text-cont{font-size: 13px;}
	.sub-contact-box{margin: 0 0 15px 0;}
	.map{margin: 10px 0 0 0;}
	.map iframe{height:250px;}
	.main-gallery img{height:auto;}
}
@media only screen and (max-width: 668px) {
	.fade-carousel{height: 150px;}
	.fade-carousel .carousel-inner .item{height: 150px;}
	.fade-carousel .slides .slide-1, .fade-carousel .slides .slide-2, .fade-carousel .slides .slide-3, .fade-carousel .slides .slide-4, .fade-carousel .slides .slide-5{height: 150px;}
	.fade-carousel .carousel-inner .item.active .hero{width:100%;}
	.hero h3{font-size:14px; line-height:26px;}
	.hero h1{font-size:16px;}
	.btn.btn-lg{font-size:14px; padding: 8px 20px;}
	.table-responsive{width:60%;}
	.sub-risk p{font-size:13px;}
	.footer-bar p{font-size:14px;}
	.modal-dialog{width: 95%;}
	.head-content h1{font-size:20px;}
	.head-content p{font-size:13px; line-height: 23px;}
	.wel-text{padding: 10px 0 0px 0;}
	.sec-title .title{font-size: 18px;}
	.sec-title h2{font-size: 18px;}
	.main-menu{padding: 20px 0 0px 0;}
	.main-footer{padding: 10px 0 10px 0;}
	.main-footer h3{font-size: 14px;}
	.sub-about-text strong{font-size: 13px; line-height: 20px;}
}
@media only screen and (max-width: 479px) {
	.table-responsive{width:50%;}
	.vertical-tab .nav-tabs li {float:left; margin: 0 15px 0 0; width: auto;}
}
@media only screen and (max-width: 414px) {
	.header-call p{font-size:13px;}
	.header-call a{font-size: 15px;}
	.header-call i{font-size:28px;}
	.header-call{padding: 10px 0 0 0;}
	.navbar-brand{width:100%;}
	.navbar-brand > img{display:inline-block;}
	.main-phone{width:100%; text-align:center;}
	header{padding: 10px 0 0 0;}
	.sub-header {font-size: 16px;}
	.table-responsive{width:42%;}
	.vertical-tab .tab-content h3 {font-size: 13px;}
}
@media only screen and (max-width: 375px) {
	.table-responsive{width:38%;}
}
/**********************************************/
/*************** Responsive End **************/
/********************************************/