@media only screen and (max-width:1280px) {
	.hero-sec {
		padding-top: 35%;
	}
}

@media only screen and (max-width:1199px) {
	.main-nav {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.main-nav .navbar-nav {
		width: 100%;
		margin-top: -5px;
	}
	.main-nav .navbar-nav > li > a {
		margin-left: 16px;
		margin-top: 0;
	}
	.time-top-box, .call-top-box {
		display: none;
	}
	.main-nav .navbar-header {
		width: 100%;
		float: none;
		text-align: center;
	}
	.main-nav .navbar-brand {
		float: none;
		margin-top: 5px;
	}
	.main-nav .navbar-brand img {
		width: 16%;
    	height: auto;
    	-webkit-transition: all 0.5s ease-in-out;
	    -moz-transition: all 0.5s ease-in-out;
	    -o-transition: all 0.5s ease-in-out;
	    -ms-transition: all 0.5s ease-in-out;
	    transition: all 0.5s ease-in-out;
	}
	.top-nav-collapse .navbar-nav {
		width: 100% !important;
		text-align: center;
	}
	.pricing-header h2 {
		font-size: 16px;
	}

}

@media only screen and (max-width:1024px) {
	.hero-sec {
		padding-top: 45%;
	}
}

@media only screen and (max-width:991px) {
	.features-title h3 {
		font-size: 18px;
	}
	.pricing-header h2 {
		font-size: 22px;
	}
	.schedule-chart .nav-tabs>li>a {
		border: 1px solid #ffffff;
		margin-bottom: 5px;
	}

}

@media only screen and (max-width:800px) {
	.hero-content h1 {
		font-size: 36px;
	}
}

@media only screen and (max-width:768px) {
	.hero-sec {
		padding-top: 50%;
	}
	.hero-content h1 {
		font-size: 36px;
	}
}

@media only screen and (max-width:767px) {
	.main-nav .navbar-brand {
		float: left;
		padding: 0;
	}
	.main-nav .navbar-brand img {
		width: 100%;
	}
	.navbar-toggle {
		border-radius: 0;
		background: #002D4E;
		margin-right: 0;
	}
	.navbar-default .navbar-toggle {
		border-color: #002D4E;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #ffffff;
	}
	.main-nav .navbar-header {
		text-align: left;
		width: auto;
	}
	.container>.navbar-header {
		margin: 0;
	}
	.main-nav {
		margin-bottom: 0;
	}
	.navbar {
		margin-bottom: 0;
	}
	.main-nav .navbar-nav {
		margin: 7.5px 0px;
		margin-top: 5px;
		margin-right: 0;
	}
	.main-nav .navbar-nav>li {
		display: block;
		text-align: center;
	}
	.main-nav .navbar-nav > li > a {
		margin-left: 0;
	}
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover {
		background: #002D4E;
	}

}

@media only screen and (max-width:600px) {
	.portfolio-all-item .portfolio-item {
		width: 50%;
	}
}

@media only screen and (max-width:700px) {
	.slider-main-title {
		font-size: 26px !important;
		margin-bottom: 20px !important;
	}
	.slider-main-title span {
	    color: #ff671f;
	    font-size: 26px !important;
	}
	.silder-elements {
	    padding-left: 60px;
	    padding-right: 60px;
	}
}

@media only screen and (max-width:600px) {
	.slider-para {
		display: none;
	}
	.hero-sec {
		padding-top: 45%;
	}
	.hero-content h1 {
		font-size: 24px;
	}
}

@media only screen and (max-width:480px) {
	.hero-sec {
		padding-top: 42%;
	}
	.hero-content h1 {
		font-size: 24px;
	}
}


@media only screen and (max-width:448px) {
	.slider-main-title {
		font-size: 16px !important;
		line-height: 24px !important;
		margin-bottom: 10px !important;
	}
	.slider-main-title span {
	    color: #ff671f;
	    font-size: 16px !important;
	}
	.join-btn {
		  font-size: 13px !important;
		  padding: 8px 14px !important;
	}
}


@media only screen and (max-width:420px) {
	.hero-sec {
		padding-top: 80%;
	}
	.hero-content h1 {
		font-size: 24px;
	}
}

@media only screen and (max-width:320px) {
	.slider-main-title {
		display: none;
	}
	.join-btn {
		margin-top: 50px;
	}
	.hero-sec {
		padding-top: 90%;
	}
	.hero-content h1 {
		font-size: 18px;
	}
	.hero-content .join-btn {
		margin-top: 0;
	}
}