@media (max-width: 1230px){ /* 1024 screen */
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	.info-left, .info-right {
		width: 100%;
		padding-left: 0px;
	}
	.info-left {
		margin-bottom: 25px;
	}
}
@media (max-width: 1175px) {
	.logo {
		width: 375px;
	}
	.navigation > ul > li > a {
		font-size: 12px;
		padding-left: 17px;
		padding-right: 17px;
	}
}
@media (max-width: 1023px) { /* 768 screen */	
	.custom-btn ul li {
		width: 33%;
		margin-bottom: 20px;
	}
	.custom-btn ul li a {
		width: 100%;
	}
	.navigation > ul > li > a {
		font-size: 12px;
		padding-left: 9px;
		padding-right: 9px;
	}
	.banner-wrapper {
		height: 210px;
	}
	.banner-part {
		margin-top: -190px;
	}
	/*======================add css==================*/
	.inner-banner-wrapper {
		height: 290px;
	}
	.banner-part.inner-part {
		margin-top: -240px;
	}
	.banner-part .slider-part .item {
		height: 350px;
	}
	.banner-part.inner-part .slider-part {
		height: auto;
	}
	.banner-part.inner-part .slider-part img {
		min-height: auto;
		width: 100%;
	}
	.logo {
		width: 335px;
	}
	.navigation > ul > li > a {
		font-size: 12px;
		padding-left: 6px;
		padding-right: 6px;
	}
}
@media (max-width: 852px) {
	.navigation > ul > li > a {
		font-size: 11px;
		padding-left: 5px;
		padding-right: 4px;
	}
}
@media (max-width: 850px) {
	.vision-left {
		width: 100%;
		padding-right: 0px;
	}
	.vision-right {
		width: 100%;
		margin-top: 25px;
	}
	.vision-right img {
		width: 100%;
	}
	.street-section {
		width: 100%;
		margin-bottom: 40px;
	}
	.street-section img {
		width: 100%;
	}
	.day,
	.time {
		max-width: 50%;
	}
	.location-section {
		padding-bottom: 20px;
	}
	.w1, .w2, .w3 {
		max-width: 33.33%;
	}
	.f-social-section {
		max-width: 100%;
		margin-top: 25px;
	}
	/*========================add new css========================*/
	.service-intro-img, 
	.staff-name-image {
		margin-bottom: 15px;
	}
	.inner-banner-wrapper {
		height: 260px;
	}
	.banner-part.inner-part {
		margin-top: -205px;
	}
	.logo {
		width: 300px;
	}
}
@media (max-width: 767px) { /* 480 screen */
	.navigation {
		display: none;
	}
	.responsive-menu {
		display: block;
		position: absolute;
		right: 0px;
		top: 10px;
	}
	.responsive-menu .menu-bt span {
		display: block;
        height: 3px;
        margin-bottom: 5px;
        width: 30px;
        background: #023083;
	}
	.sb-slidebar {
		background: #f5f5f5;
	}
	.sb-slidebar > ul > li > a {
		color: #666666;
		font-size: 13px;
		padding: 10px 10px 10px 20px;
		border-bottom: solid 1px #c7c7c7;
		text-transform: uppercase;
	}
	/*.sb-slidebar > ul > li > a:hover,
	.sb-slidebar > ul > li.active > a {
		color: #feae31;
	}*/
	.sb-slidebar > ul > li > ul.sub-menu {
		background: #feae31;
		display: none;
	}
	.sb-slidebar > ul > li:hover > ul.sub-menu {
		display: block;
	}
	.sb-slidebar > ul > li > ul.sub-menu > li > a {
		color: #666666;
		font-size: 13px;
		padding: 10px 10px 10px 20px;
		border-bottom: solid 1px #8a8a8a;
		text-transform: uppercase;
	}
	/*.sb-slidebar > ul > li > ul.sub-menu > li > a:hover {
		color: #023083;
	}*/
	.logo {
		float: none;
		position: relative;
	}
	.header-top {
		text-align: center;
	}
	.social-icon {
		width: 100%;
	}
	.social-icon a {
		float: left;
		display: inline-block;
	}
	.social-icon {
		width: auto;
		display: inline-block;
		float: none;
	}
	.contact {
		float: none;
		display: inline-block;
		width: 100%
	}
	.contact .call-icon, .contact .street {
		float: none;
		display: inline-block;
	}
	.custom-btn ul li {
		width: 49%;
	}
	.w1, .w2, .w3 {
		max-width: 100%;
		border-right: none;
		padding-left: 0px;
		margin-bottom: 15px;
	}
	.f-section {
		min-height: auto;
	}
	.w1 {
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
	.w2 {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	.w1, .w2 {
		border-bottom: solid 1px #53b8c2;
	}
	/*.slider-part .owl-buttons .owl-prev {
		bottom: 10px;
		right: 40px;
	}
	.slider-part .owl-buttons .owl-next {
		bottom: 10px;
		right: 10px;
	}*/
	/*========================add new css========================*/
	.inner-banner-wrapper {
		height: 160px;
	}
	.banner-part.inner-part {
		margin-top: -120px;
		background: #023083;
	}
	.logo {
		max-width: 100%;
	}
	.banner-part .slider-part .item {
		height: 300px;
	}
	.logo {
		width: 100%;
		padding-right: 45px;
	}
}
@media (max-width: 690px) {
	.banner-wrapper {
		height: 150px;
	}
	.banner-part {
		margin-top: -130px;
	}
	/*========================add new css========================*/
	.video iframe {
		width: 100%;
	}
	.banner-part .slider-part .item {
		height: 250px;
	}
}
/*========================add new css========================*/
@media (max-width: 570px) {
	.service-intro-img, 
	.staff-name-image {
		float: none;
		margin-right: 0px;
		margin-bottom: 0px;
		width: auto;
		height: auto;
	}
	.service-intro-img img, 
	.staff-name-image img {
		width: 100%;
	}
	.service-intro-main {
		padding-top: 30px;
		padding-bottom: 30px;
	}
	.hedding_box {
		margin-bottom: 15px;
	}
	.inner-banner-wrapper {
		height: 130px;
	}
	.banner-part.inner-part {
		margin-top: -95px;
	}
	.banner-part .slider-part .item {
		height: 220px;
	}
}
@media (max-width: 479px){ /* 320 screen */
	.contact .call-icon, .contact .street {
		float: none;
	}
	.contact .call-icon {
		margin-bottom: 5px;
	}
	.banner-wrapper {
		height: 95px;
	}
	.banner-part {
		margin-top: -75px;
	}
	.section-1 {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.vision-left h2 {
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	h2 {
		font-size: 18px;
		line-height: 24px;
	}
	.vision-left p {
		margin-bottom: 15px;
	}
	p {
		font-size: 12px;
		line-height: 20px;
	}
	.custom-btn ul li {
		width: 100%;
		margin-bottom: 10px;
	}
	.custom-btn {
		margin-top: 40px;
	}
	.servies-section {
		padding-top: 40px;
		padding-bottom: 0px;
	}
	.servies-section ul li {
		width: 100%;
		margin-bottom: 40px;
	}
	.servies-section .image {
		margin-bottom: 15px;
	}
	.servies-section h3 {
		margin-bottom: 5px;
	}
	.location-section {
		padding-top: 40px;
	}
	.location-section h2 {
		margin-bottom: 10px;
	}
	.location-section h2 {
		margin-bottom: 30px;
	}
	.inner-banner-wrapper {
		height: 90px;
	}
	.banner-part.inner-part {
		margin-top: -65px;
		/*margin-left: 10px;
		margin-right: 10px;*/
	}
	.contact .street {
		display: block;
		margin-left: 15px;
	}
	.contact .call-icon {
		margin-right: 0px;
	}
	.banner-part .slider-part .item {
		height: 175px;
	}
}
@media(max-width: 839px) { 
	.banner-part.inner-part::before {
		background:#023083;
	}
}