@media handheld, only screen and (max-width: 1024px) {
	.service-ball .our-service div.h1inner h1 {
		width: 95px;
		font-size: 21px;
	}
	#content table {
		width: 100%;
	}
	ul.menu li a {
		padding-right: 5px;
		padding-left: 5px;
	}
	.home .tp-leftarrow.default {
		margin-right: 285px;
	}
	.home .tp-rightarrow.default {
		margin-right: -345px;
	}
	.slider-wrapper {
		margin-top: 97px;
	}
}
@media (min-width: 979px) and (max-width: 1024px) {
	.service-ball .our-service p{
		font-size: 12px;
	}

}
@media handheld, only screen and (max-width: 979px) {
	.service-ball .our-service div.h1inner h1 {
		top: 20%;
	}
	ul.menu li a {
		padding-right: 2px;
		padding-left: 2px;
		font-size: 12px;
	}
	#header a.custom-logo {
		margin-left: 4px;
	}
	#header a.custom-logo {
		width: auto;
	}
}
@media handheld, only screen and (max-width: 800px) {
	.mobile_slider{
		display: block;
	}
	.desktop_slider{
		display: none;
	}
	.service-ball .our-service:hover div.h1inner h1, .service-ball .our-service:hover p {
		top: 2%;
	}
	ul.menu li a {
		padding-right: 0px;
		padding-left: 0px;
		font-size: 12px;
	}
	.sidebar .sidebar-box.side-menu ul li {
		max-width: 95%;
	}
}
@media handheld, only screen and (max-width: 767px) {
	.slicknav_menu{
		display: block;
		position: absolute;
		left: 0;
		z-index: 999;
		width: 100%;
	}
	.phone_number {
		display: none;
	}
	#phone_number_mobile {
		display: inline-block;
	}
	#header-wrapper .slider-wrapper {
		top: 0;
	}
	.responsive_sidebar{
		display: block;
	}
	.responsive_sidebar.first_responsive_sidebar {
		display: none;
	}
	.responsive_sidebar.second_responsive_sidebar {
		display: block;
	}
	#header a img {
		width: auto;
		height: 67px;
	}
	.wrapper-bottom{
		display: none;
	}
	.slicknav_nav ul.menu li {
		width: 100%;
	}
	#header ul.menu{
		display: none;
	}
	.slicknav_nav ul.menu li:hover a,
	.slicknav_nav ul.menu li.current-menu-item a {
		background: #fff;
		color: #FFF;
	}
	.slicknav_nav ul.menu li{
		color: #44C6F3;
	}
	.col-2-3, .col-8-12 {
		width: 65.10%;
	}
	.col-1-3, .col-4-12 {
		width: 34.90%;
	}
	.gallery .col-1-3:last-child{
		padding-left: 0%;
	}
	.gallery .col-1-3, .col-4-12 {
		width: 32.7%;
		padding-right: 1%;
		padding-left: 0%;
	}
	#content .text {
		padding: 2%;
	}
	.text-wrapper {
		padding-right: 1%;
	}
	#sidebar, .sidebar {
		display: none;
	}
	.cboxElement {
		display: none;
	}
	.text-wrapper, #content {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	.page-template-template-important-to-know-php .text-wrapper,
	.page-template-template-important-to-know-php #content {
		width: 98%;
		max-width: 98%;
		padding-right: 4%;
		margin-left: auto;
		margin-right: auto;
	}
	.single-post .text-wrapper,
	.single-post #content {
		width: 98%;
		max-width: 98%;
		margin-left: auto;
		margin-right: auto;
	}
	.service-ball.col-1-5 {
		margin-left: 0%;
		margin-right: 2%;
	}
	.service-ball .our-service div.h1inner h1 {
		width: 80px;
		font-size: 18px;
		line-height: 18px;
	}
	.service-ball .our-service p {
		line-height: 14px;
	}
	.service-ball .our-service div.h1inner h1 {
		top: 15%;
	}
	.footer_credits .left-col {
		display: none;
	}
	.footer_credits .right-col {
		float: none;
		text-align: center;
	}
	.footer_credits ul.menu {
		padding: 0;
	}
	.footer_credits ul.menu li {
		float: none;
	}
	.gallery .col-1-4 .info {
		width: 100%;
	}
	.element.col-1-4 .mask {
		width: 100%;
	}
	.project .col-3-12 {
		width: 100%;
		padding: 1%;
	}
	.project .col-9-12 {
		width: 99%;
		padding-left: 1%;
		padding-right: 1%;
	}
}
@media (min-width: 630px) and (max-width: 767px) {
	.tax-portfolio-category .sidebar,
	.single-portfolio .sidebar,
	.single-post .sidebar,
	.single-post #sidebar {
		display: block;
	}
	.responsive_sidebar.second_responsive_sidebar {
	display: none !important;
}
	#galcontainer .element {
		width: 32.3%;
		margin: 0.5%;
	}
	.page-template-template-portfolio-php #galcontainer .element {
		margin: 0.4%;
	}
	.tax-portfolio-category .text-wrapper,
	.single-portfolio .text-wrapper,
	.single-post .text-wrapper {
		float: left;
		width: 819px;
		max-width: 80%;
	}
	.tax-portfolio-category .responsive_sidebar,
	.single-portfolio .responsive_sidebar {
	.single-post .responsive_sidebar,
		display: block;
	}
	.single-portfolio .gallery-wrapper.text-wrapper {
		width: 100%;
		max-width: 100%;
	}
	.tax-portfolio-category .responsive_sidebar .col-1-5,
	.single-portfolio .responsive_sidebar .col-1-5,
	.single-post .responsive_sidebar .col-1-5 {
		width: 100%;
		margin-bottom: 10px;
	}
	.tax-portfolio-category .sidebar_category,
	.single-portfolio .sidebar_category,
	.single-post .sidebar_category {
		display: none;
	}
}
@media (min-width: 450px) and (max-width: 629px) {
	#galcontainer .element {
		width: 32.5%;
	}
	.info {
		padding: 1% 4%;
	}
	.info h1 {
		font-size: 20px;
	}
	.home .tp-leftarrow.default,
	.home .tp-rightarrow.default {
		width: 40px !important;
		height: 40px !important;
		-webkit-background-size: 100% !important;
		-moz-background-size: 100% !important;
		-o-background-size: 100% !important;
		background-size: 100% !important;
	}
	.home .tp-leftarrow.default {
		margin-right: 147px;
	}
	.home .tp-rightarrow.default {
		margin-right: -187px;
	}
}
@media handheld, only screen and (max-width: 630px) {
	#content .sites {
		line-height: 15px;
		font-size: 10px;
	}
	.info h1 {
		font-size: 16px !important;
	}
	.responsive_sidebar .social_responsive_icons {
		width: 80%;
	}
	.home div.p_slogan.right_text{
		width: 100%;
		float: none;
		margin: auto;
	}
	.left_sidebar {
		max-width: 100%;
		float: none;
		margin: 10px auto 20px auto;
	}
	.footer_credits {
		max-height: none;
	}
	.gallery .col-1-4 .info {
		width: 100%;
	}
	.element.col-1-4 .mask {
		width: 100%;
	}
	.gallery .col-1-4:last-child {
		padding-left: 0;
	}
	html #wpadminbar {
		min-width: 230px !important;
	}
	#contact-content .text_contact,
	#contact-content .textarea_contant {
		float: none;
		width: 95%;
		margin-right: 5%;
		margin-left: auto;
		padding-bottom: 0;
		padding-top: 0%;
	}
	#contact-content .text_contact {
		padding-top: 6%;
	}
	#contact-content .wpcf7 .text_contact p {
		max-width: 44.5%;
		width: 44.5%;
		margin-left: 5%;
	}
	#contact-content .wpcf7 p {
		margin-right: auto;
		margin-left: auto;
	}
	#contact-content .wpcf7 .textarea_contant p,
	#contact-content .wpcf7 textarea {
		max-width: 100%;
		width: 100%;
	}
	#contact-content .wpcf7 textarea {
		width: 95%;
		max-width: 95%;
		float: none;
	}
	.wpcf7 input {
		float: none;
		max-width: 100%;
		width: 100%;
	}
	#contact-content .wpcf7 p.submit_b input.wpcf7-submit {
		float: left;
	}
	#contact-content .wpcf7 p.submit_b {
		width: 95%;
		margin-left: 5%;
	}
}
@media handheld, only screen and (max-width: 480px) {
	.col-1-3, .col-4-12 {
		width: 100%;
	}
	.service-ball .our-service p {
		font-size: 12px !important;
		line-height: 13px !important;
		padding-top: 2px;
	}
	h1, h2, h3 {
		margin-left: auto;
	}
	h2.h_slogan {
		width: 270px;
		max-width: 100%;
	}
	.col-2-3, .col-8-12 {
		width: 100%;
	}
	.service-ball.col-1-5 {
		width: 30.5%;
		height: 30.5%;
	}
	.service-ball .our-service:hover div.h1inner h1, .service-ball .our-service:hover p {
		top: 15%;
	}
	.service-ball .our-service div.h1inner h1 {
		top: 18%;
		width: 87px;
		font-size: 20px;
		line-height: 24px;
	}
	.service-ball .our-service p {
		line-height: 18px;
	}
	.gallery .col-1-3, .col-4-12 {
		width: 49.35%;
		float: none;
		display: inline-block;
	}
	.info {
		width: 100%;
	}
	.responsive_sidebar .social_responsive_icons {
		width: 95%;
	}
	.col-1-5 {
		width: 20%;
		padding: 0;
	}
	.page-template-template-important-to-know-php .detail p {
		display: none;
	}
	.pt-important-to-know {
		background: #44C6F3;
	}
	.pt-important-to-know:hover {
		background: #02B2F0;
	}
	.page-template-template-important-to-know-php #content .detail h2.title {
		margin-bottom: auto;
		margin-top: 6%;
	}
	.page-template-template-important-to-know-php .pt-important-to-know:hover  .detail h2.title {
		background: #02B2F0;
	}
	#content p img.alignleft,
	#content p img.alignright {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
}
@media handheld, only screen and (max-width: 449px) {
	#galcontainer .element {
		width: 49%;
	}
	.home .tp-leftarrow.default,
	.home .tp-rightarrow.default {
		width: 30px !important;
		height: 30px !important;
		-webkit-background-size: 100% !important;
		-moz-background-size: 100% !important;
		-o-background-size: 100% !important;
		background-size: 100% !important;
	}
	.single .tp-leftarrow.tparrows.default {
		bottom: -10px !important;
		top: auto !important;
	}
	.single .tp-rightarrow.tparrows.default {
		bottom: -10px !important;
		top: auto !important;
	}
	#contact-content .wpcf7 .text_contact p {
		max-width: 95%;
		width: 95%;
	}
	.page-template-template-portfolio-php #galcontainer .element {
		width: 49.2%;
	}
	.home .tp-leftarrow.default {
		margin-right: 127px;
	}
	.home .tp-rightarrow.default {
		margin-right: -157px;
	}
}
@media handheld, only screen and (max-width: 420px) {
	.service-ball .our-service div.h1inner h1 {
		top: 15%;
		width: 72px;
		font-size: 13px;
		line-height: 17px;
	}
	.service-ball.col-1-5 {
		min-height: 115px;
	}
	.service-ball .our-service p {
		line-height: 13px;
		font-size: 13px;
	}
	.service-ball .our-service:hover div.h1inner h1, .service-ball .our-service:hover p,
	.service-ball .our-service div.h1inner h1, .service-ball .our-service p {
		top: 0;
	}
	.service-ball .our-service div.h1inner {
		top: 14px;
	}
	.service-ball .our-service p {
		color: #fff;
	}
	.phone_number a {
		font-size: 19px;
		padding: 8px 11px;
	}
}
@media only screen and (max-width: 290px) {
	.service-ball.col-1-5 {
		width: 47.5%;
		height: 47.5%;
	}
		.service-ball .our-service div.h1inner h1 {
		line-height: 24px;
	}
	.service-ball .our-service p {
		line-height: 18px;
	}
	.gallery .col-1-3, .col-4-12 {
		width: 98%;
		margin: auto;
	}
	#galcontainer .element {
		width: 193px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	#galcontainer div.element img {
		max-width: 100%;
		width: auto;
		margin-left: auto;
		margin-right: auto;
		height: auto;
		display: block;
	}
}