.mobile_menu{display: none;}
.show_in_mobile{display: none;}
@media only screen and (min-width: 1004px) and (max-width: 1230px)
{
	
}


@media only screen and (min-width: 760px) and (max-width: 992px)
{

}


@media only screen and (min-width: 580px) and (max-width: 767px)
{
.mobile_menu{display: block;}
.desktop_menu{display: none;}
.navbar-brand { float: left;}
.mobile_menu { float: left; padding: 15px; width: 100%;}	
	
	#titlechart{background-image: url(../images/banner1.jpg); background-size: cover;}	
	#titlechart img{display: none;}
	.typewrite {font-size: 20px;}
	#about_us {background-image: url(../images/banner2.jpg); background-size: cover; z-index: -9;}
	#about_us img {display: none;}
	.about_us_section { padding:10% 2%; position: relative;   width: 100%;  z-index: 9999999;}
	.about_us_section h2 { font-size: 28px;}
	.about_us_section h4 {font-size: 16px;} 
	.about_us_section p { font-size: 14px; letter-spacing: 1px; line-height: 24px;}
	#our_local_client{background-image: url(../images/banner3.jpg); background-size: cover;}
	.local_client{display: none;}
	.hide_in_mobile{display: none;}
	.show_in_mobile{display: block; position: relative; overflow: hidden; background-color: #fff;}
	.show_in_mobile h2{font-size: 30px;font-weight: bold; margin-bottom: 25px; text-align: center;}
	.bezier{display: none;}
	.our_services_box { text-align: center;}
	.our_services_box i {  font-size: 70px;}
	.our_services_box h3 { font-size: 22px;  margin: 15px 0; }
	.our_services_box > p { font-size: 16px; padding: 0 15px;  letter-spacing: 1px;  line-height: 27px;}
	.our_services1 {padding: 15% 0;}
	.our_client1 { padding: 10% 0;}
	.our_services_mobile .owl-prev { position: absolute; top: 50%; left: 0; display: block !important;}
	.our_services_mobile .owl-next { position: absolute; top: 50%; right: 0; display: block !important;}
	.our_client_mobile .owl-prev { position: absolute; top: 50%; left: 0; display: block !important;}
	.our_client_mobile .owl-next { position: absolute; top: 50%; right: 0; display: block !important;}
	
	.artist_txt1 { margin-left: 0;}
	.tech_support { left: 0; margin-top: 0;  padding: 25px;  position: relative;}
	

}

@media only screen and (min-width: 480px) and (max-width: 580px)
{
.mobile_menu{display: block;}
.desktop_menu{display: none;}
.navbar-brand { float: left;}
.mobile_menu { float: left; padding: 15px; width: 100%;}	
	
	#titlechart{background-image: url(../images/banner1.jpg); background-size: cover;}	
	#titlechart img{display: none;}
	.typewrite {font-size: 20px;}
	#about_us {background-image: url(../images/banner2.jpg); background-size: cover; z-index: -9;}
	#about_us img {display: none;}
	.about_us_section { padding:10% 2%; position: relative;   width: 100%;  z-index: 9999999;}
	.about_us_section h2 { font-size: 28px;}
	.about_us_section h4 {font-size: 16px;} 
	.about_us_section p { font-size: 14px; letter-spacing: 1px; line-height: 24px;}
	#our_local_client{background-image: url(../images/banner3.jpg); background-size: cover;}
	.local_client{display: none;}
	.hide_in_mobile{display: none;}
	.show_in_mobile{display: block; position: relative; overflow: hidden; background-color: #fff;}
	.show_in_mobile h2{font-size: 30px;font-weight: bold; margin-bottom: 25px; text-align: center;}
	.bezier{display: none;}
	.our_services_box { text-align: center;}
	.our_services_box i {  font-size: 70px;}
	.our_services_box h3 { font-size: 22px;  margin: 15px 0; }
	.our_services_box > p { font-size: 16px; padding: 0 15px;  letter-spacing: 1px;  line-height: 27px;}
	.our_services1 {padding: 15% 0;}
	.our_client1 { padding: 10% 0;}
	.our_services_mobile .owl-prev { position: absolute; top: 50%; left: 0; display: block !important;}
	.our_services_mobile .owl-next { position: absolute; top: 50%; right: 0; display: block !important;}
	.our_client_mobile .owl-prev { position: absolute; top: 50%; left: 0; display: block !important;}
	.our_client_mobile .owl-next { position: absolute; top: 50%; right: 0; display: block !important;}
	
	.artist_txt1 { margin-left: 0;}
	.tech_support { left: 0; margin-top: 0;  padding: 25px;  position: relative;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width: 479px) {
.mobile_menu{display: block;}
.desktop_menu{display: none;}
.navbar-brand { float: left;}
.mobile_menu { float: left; padding: 15px; width: 100%;}	
	
	#titlechart{background-image: url(../images/banner1.jpg); background-size: cover;}	
	#titlechart img{display: none;}
	.typewrite {font-size: 20px;}
	#about_us {background-image: url(../images/banner2.jpg); background-size: cover; z-index: -9;}
	#about_us img {display: none;}
	.about_us_section { padding:10% 2%; position: relative;   width: 100%;  z-index: 9999999;}
	.about_us_section h2 { font-size: 28px;}
	.about_us_section h4 {font-size: 16px;} 
	.about_us_section p { font-size: 14px; letter-spacing: 1px; line-height: 24px;}
	#our_local_client{background-image: url(../images/banner3.jpg); background-size: cover;}
	.local_client{display: none;}
	.hide_in_mobile{display: none;}
	.show_in_mobile{display: block; position: relative; overflow: hidden; background-color: #fff;}
	.show_in_mobile h2{font-size: 30px;font-weight: bold; margin-bottom: 25px; text-align: center;}
	.bezier{display: none;}
	.our_services_box { text-align: center;}
	.our_services_box i {  font-size: 70px;}
	.our_services_box h3 { font-size: 22px;  margin: 15px 0; }
	.our_services_box > p { font-size: 16px; padding: 0 15px;  letter-spacing: 1px;  line-height: 27px;}
	.our_services1 {padding: 15% 0;}
	.our_client1 { padding: 10% 0;}
	.our_services_mobile .owl-prev { position: absolute; top: 50%; left: 0; display: block !important;}
	.our_services_mobile .owl-next { position: absolute; top: 50%; right: 0; display: block !important;}
	.our_client_mobile .owl-prev { position: absolute; top: 50%; left: 0; display: block !important;}
	.our_client_mobile .owl-next { position: absolute; top: 50%; right: 0; display: block !important;}
	
	.artist_txt1 { margin-left: 0;}
	.tech_support { left: 0; margin-top: 0;  padding: 25px;  position: relative;}

}