@media screen and (max-width:767px) {
	.boxlayout {
		width: auto;
		margin: 0 15px;
		box-sizing: border-box;
	}
	.container,
	.full-container {
		width: 100%;
		/*padding: 0 15px;*/
		padding: 15px;
	}
	.container.handle {
	    width: 100%;
	    background: #fff;
	}
	/* Header Css */
	.logo {
		width: 100%;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		margin: 0;
	}
	.logo a {
		display: block;
	}
	.logo img {
		margin: 0;
	}
	/* Slider Css */
	#slider .nivo-caption {
		width: 72%;
		margin: 0 auto;
		text-align: center;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#slider .nivo-caption p,
	#slider .nivo-caption a.button,
	#slider .nivo-caption a.sliderbtn {
		display: none;
	}
	#slider.caption-text-left .nivo-caption,
	#slider.caption-text-right .nivo-caption {
		left: 0;
		right: 0;
	}
	#slider .nivo-caption a {
		display: block;
	}
	.nivo-directionNav a {
		width: 40px;
		height: 40px;
		background-position: 0 center;
		left: 10px;
	}
	.nivo-directionNav a.nivo-nextNav {
		background-position: 0 center !important;
		right: 10px;
		left: auto;
	}
	.boxlayout .slider-main {
		min-height: auto;
	}
	#slider.caption-text-left .nivo-caption,
	#slider.caption-text-right .nivo-caption {
		text-align: center;
	}
	.nivo-controlNav {
		display: none;
	}
	/* Columns */
	.flex-element {
		flex-direction: column;
	}
	.one_half,
	.one_third,
	.one_fourth,
	.one_fifth {
		width: 100%;
		float: none;
		margin-right: 0;
	}
	.grid-col-two,
	.grid-col-three,
	.grid-col-four {
		float: none;
		width: 100%;
		margin: 0 0 40px 0;
	}
	/* Sections */
	h2.section_title {
		/*font-size: 30px !important;*/
		margin-bottom: 30px;
	}
	.section_head span {
		margin: 0;
	}
	.section_head p,
	.full-container .section_head p {
		width: 100%;
		margin: 0 0 30px;
	}
	.contact-strip .flex-element>div {
		width: 100%;
		margin: 10px 0;
	}
	section .full-container .content-with-image .content-with-image-cont {
		/*padding: 2em 0;*/
		padding: 0;
	}
	.service-box {
		margin-top: 150px;
		padding: 160px 5px 40px;
	}
	.service-box:hover {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	.working-hrs-wrap .working-hrs {
		width: 49%;
	}
	.promo-line h2 {
		margin-bottom: 20px;
	}
	.promo-line a.main-button {
		margin-left: 0;
	}
	/* Theme Function */
	#clienttestiminials {
		width: 100%;
		padding: 0;
	}
	.testi-thumb {
		position: relative;
	}
	.testi-content {
		padding: 0;
		margin-left: 0;
		text-align: center;
	}
	.testi-desc {
		width: 100%;
	}
	.testi-desc::before {
		left: -20px;
	}
	#clienttestiminials .owl-carousel.owl-theme .owl-nav button {
		position: relative;
	}
	#clienttestiminials .owl-carousel.owl-theme .owl-nav button.owl-prev {
		left: 0;
	}
	#clienttestiminials .owl-carousel.owl-theme .owl-nav button.owl-next {
		right: 0;
	}
	.counter-main {
		flex-wrap: wrap;
		justify-content: center;
		flex-direction: column;
	}
	.counter-box {
		margin: 10px 0;
		width: 100%;
	}
	.counter-box:hover {
		-webkit-transform: scale(1.05);
		-ms-transform: scale(1.05);
		transform: scale(1.05);
	}
	.inner-counter {
		padding: 20px;
	}
	.counter-half .counter-box {
		width: 100%;
	}
	ul.portfoliofilter li {
		padding: 2px 5px !important;
	}
	#mixitup .mix,
	#mixitupgal .mix {
		width: 100% !important;
	}
	.gal-col-two,
	.gal-col-three,
	.gal-col-four,
	.gal-col-five {
		width: 100%;
		float: none;
		margin-bottom: 20px;
		margin-right: 0;
	}
	.partner-logo {
		padding: 0;
	}
	/* Footer */
	#footer-wrapper {
		padding: 50px 0 1px;
	}
	.widget-column,
	.footer-cols-two .widget-column,
	.footer-cols-three .widget-column {
		width: 100%;
		float: none;
		padding: 0;
		margin: 0 0 40px;
	}
	.copyright-wrapper {
		text-align: center;
		padding: 0;
		/*background-color: #17706e;*/
	}
	.copyright-text {
		margin-right: 0;
		width: 100%;
	}
	.copyright-text:before,
	.copyright-text:after {
		content: none;
	}
	/* Inner Pages */
	.content-area {
		width: auto;
		margin: 0;
		padding: 20px;
	}
	.site-main {
		width: auto;
		margin: 0;
		padding: 0;
		float: none;
	}
	.innerbanner .container {
		padding: 30px 20px;
	}
	h1.innerpage-title {
		font-size: 24px !important;
		line-height: 26px;
		padding: 8px 0;
	}
	h1.innerpage-title.without-banner {
		margin-top: 0;
	}
	.boxlayout h1.innerpage-title {
		padding: 8px;
	}
	/* Single Portfolio */
	.single-portfolio .image-carousel {
		width: 100%;
	}
	/* Blog Page */
	.blog-post-repeat {
		width: 100%;
		display: block;
	}
	.blog-post-repeat .post-thumb {
		width: 100%;
		display: block;
	}
	body .boxlayout .blog-post-repeat {
		width: 96%;
		display: block;
		margin: 0 2% 30px;
	}
	body .boxlayout .blog-post-single {
		padding: 0 10px;
	}
	.single-team-content,
	.single-testi-content {
		padding-left: 0;
		margin-top: 30px;
	}
	.member-info ul li {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	/* Sidebar Css */
	.flotRight {
		float: none !important;
	}
	#sidebar {
		width: 100%;
		float: left;
		margin: 30px 0 0;
		padding-bottom: 0;
	}
	#sidebar aside.widget {
		margin-right: 0;
	}
	.sidebar-left {
		float: none !important;
		width: 100%;
	}
	body .boxlayout #sidebar {
		padding: 0 10px;
	}
	/*custom css*/
	.searchbox {
		width: 100%;
		padding-left: 0;
	}
	.item {
		padding-left: 0;
		width: auto;
	}
	ol.nav-numbers {
		display: none;
	}
	#testimonials ul li .tm_description p {
		text-align: left;
	}
	#back-top {
		right: 5px;
	}
}

@media screen and (max-width:400px) {
	#slider .nivo-caption h2 {
		font-size: 22px;
		line-height: 26px;
		margin-bottom: 0;
	}
	#slider .nivo-caption h4 {
		font-size: 20px;
		line-height: 26px;
		margin-bottom: 0;
	}
}

@media screen and (min-width:401px) and (max-width:767px) {
	#slider .nivo-caption h4 {
		font-size: 25px;
		line-height: 26px;
		margin-bottom: 10px;
	}
	#slider .nivo-caption h2 {
		font-size: 28px;
		line-height: 32px;
		margin-bottom: 0;
	}
}

@media screen and (min-width:481px) and (max-width: 767px) {
	.container,
	.content-area {
		width: 400px;
		margin: 0 auto;
	}
	.container.handle {
		width: 100%;
		background: rgb(225 225 225 / 70%);
	}
	body.page-template-template-full-screen .content-area {
		width: 100%;
	}
}
@media screen and (min-width:768px) and (max-width: 990px) {
	/* Header */
	.logo {
		width: 50%;
		position: relative;
		display: inline-block;
		vertical-align: middle;
		text-align: left;
		margin: 0;
	}
	.logo a {
		display: block;
	}
	.logo img {
		margin: 0;
	}
	.toggle {
		text-align: right;
		right: 15px !important;
	}
	.toggle a {
		float: right;
		width: 100%;
		color: #ffffff;
		background: url(../images/mobile_nav_right.png) no-repeat right center rgb(0 0 0 / 60%);
		padding: 10px 10px;
		margin-top: 20px;
		font-size: 16px;
	}
	.toggle a:before {
		left: auto;
		right: 0;
	}
	.nivo-caption {
		width: 80%;
		margin: 0 auto;
		left: 0;
		right: 0;
	}
	#slider.caption-text-left .nivo-caption {
		left: 0;
		width: 80%;
	}
	#slider.caption-text-right .nivo-caption {
		right: 0;
	}
	.nivo-caption h4 {
		font-size: 28px !important;
	}
	.nivo-caption h2 {
		font-size: 30px !important;
		line-height: 32px;
		margin-bottom: 20px;
	}
	.nivo-caption p {
		width: 100%;
		margin: 0 0 30px;
	}
	.nivo-controlNav {
		bottom: 6%;
	}
	.nivo-directionNav a {
		bottom: 30%;
	}
	a.nivo-prevNav {
		left: 5px;
	}
	a.nivo-nextNav {
		right: 5px;
	}
	.boxlayout .slider-main {
		min-height: 350px;
	}
	/* Sections */
	h2.section_title {
		margin-bottom: 30px;
	}
	.full-container .section_head p {
		width: 70%;
	}
	.ipad-full {
		width: 100%;
	}
	.contact-strip .container {
		padding: 0;
	}
	.content-with-image .grid-col-two {
		float: none;
		width: 100%;
		margin-right: 0;
	}
	section .full-container .content-with-image .content-with-image-cont {
		padding: 3em 2em;
	}
	.service-bx-image {
		width: 100px;
		height: 100px;
		top: -10%;
	}
	.service-box {
		padding: 90px 10px 40px;
		margin-top: 60px;
	}
	.working-hrs h2 {
		font-size: 24px !important;
	}
	.promo-line h2 {
		margin-bottom: 30px;
	}
	.one_fourth.ipad-half {
		margin-right: 2%;
		width: 48%;
	}
	/* Theme Functions */
	.counter-box h3.counter {
		font-size: 28px;
	}
	.post-meta span {
		padding: 2px 0 2px 0;
	}
	.news-box.grid-col-four {
		margin-right: 4%;
		width: 48%;
	}
	.news-box.grid-col-four:nth-of-type(even) {
		margin-right: 0;
	}
	#clienttestiminials {
		width: 100%;
	}
	#clienttestiminials .owl-carousel.owl-theme .owl-nav button {
		position: relative;
	}
	.latest-news-para {
		/*padding: 20px 0;*/
	}
	.partner-logo {
		padding: 0;
	}
	.package-name,
	.package-price,
	.package-row {
		padding-left: 15px;
		padding-right: 15px;
	}
	/* Footer */
	.widget-column {
		width: 49%;
		min-height: 240px;
		margin-bottom: 30px;
	}
	.footer-cols-four .widget-column {
		margin-right: 2%;
		padding-right: 2%;
		padding-left: 0;
		margin-left: 0;
	}
	.footer-cols-four .widget-column:nth-child(2n+2) {
		margin-right: 0;
		padding-right: 0;
	}
	#back-top {
		bottom: 40px;
	}
	/* Innerpages */
	h1.innerpage-title {
		padding: 1em 0;
	}
	h1.innerpage-title.without-banner {
		margin-top: 0;
	}
	.boxlayout .innerbanner .container {
		padding: 30px 20px;
	}
	.boxlayout h1.innerpage-title {
		padding: 1em 0.5em;
	}
	.innerbanner .container {
		padding: 50px 20px;
	}
	.error-404 .search-form {
		width: 60%;
	}
	.inner-contact-content,
	.inner-contact-informaton {
		padding: 0;
	}
	.contact-wrap {
		margin: 0 -20px;
	}
	.contact-informaton {
		left: 0;
	}
	/* Portfolio */
	.portfolio-main .grid-col-four .portfolio-meta span {
		width: 30px;
		height: 30px;
		line-height: 30px;
	}
	.portfolio-main .grid-col-four .portfolio-meta span a {
		font-size: 12px;
	}
	.portfolio-main .grid-col-four .portfolio-title {
		padding: 10px;
	}
	.portfolio-main .grid-col-four .portfolio-title h3 {
		font-size: 12px;
	}
	#sidebar {
		margin-top: 50px;
	}
	.post-summary {
		overflow: hidden;
	}
	#sidebar.team-sidebar,
	#sidebar.testi-sidebar {
		float: none;
	}
	.single-team-content,
	.single-testi-content {
		padding-left: 0;
		margin-top: 30px;
	}
	/* Sidebar */
	body.page-template-template-full-screen .content-area {
		padding: 0 !important;
	}
	.content-area {
		padding: 50px 20px !important;
	}
	#sidebar,
	.site-main,
	.sidebar-left {
		float: none;
		width: 100% !important;
	}
	.widget-about-image {
		min-height: 300px;
	}
}

@media screen and (max-width:1169px) and (min-width:768px) {
	.container {
		width: 100%;
		padding: 0 20px;
	}
	.boxlayout {
		width: auto;
		margin: 0 20px;
		box-sizing: border-box;
	}
	.slider-main {
		background-position: center center;
	}
}

@media screen and (max-width:1169px) and (min-width:991px) {
	.content-area {
		padding-top: 50px !important;
		padding-bottom: 50px !important;
	}
	body.page-template-template-full-screen .content-area {
		padding: 0 !important;
	}
	/* Header */
	.header .container {
		padding: 0 20px;
	}
	.sitenav ul li {
		margin-right: 4px;
	}
	.sitenav ul li ul {
		z-index: 15;
	}
	.sitenav ul li a {
		padding-left: 9px;
		padding-right: 9px;
	}
	.sitenav ul li a.parent:before {
		right: -5px;
	}
	/* Slider */
	.slider-main {
		background-position: center center;
	}
	.nivo-caption {
		width: 70%;
		top: 75%;
		-webkit-transform: translateY(-75%);
		-ms-transform: translateY(-75%);
		transform: translateY(-75%);
	}
	.nivo-caption h2 {
		font-size: 38px !important;
		line-height: 40px;
		margin-bottom: 15px;
	}
	.nivo-caption p {
		margin-bottom: 20px;
	}
	.nivo-controlNav {
		bottom: 5%;
	}
	a.nivo-nextNav {
		right: 40px;
	}
	a.nivo-prevNav {
		left: 40px;
	}
	/* Section */
	.working-hrs h2 {
		font-size: 36px;
	}
	.imagebox figure figcaption {
		padding: 2em;
	}
	.imagebox figure figcaption::before {
		top: 2em;
		right: 15px;
		bottom: 2em;
		left: 15px;
	}
	.imagebox figure figcaption::after {
		top: 15px;
		right: 2em;
		bottom: 15px;
		left: 2em;
	}
	/* Inner pages */
	h1.innerpage-title {
		padding: 2em 0;
	}
	.innerbanner .container {
		padding: 6em 20px 2em;
	}
	.site-main {
		width: 66.6667%;
	}
	#sidebar {
		width: 24%;
	}
	.sidebar-left {
		width: 30%;
	}
	.sidebar-left #sidebar {
		width: 100%;
	}
	body.single-product .content-area {
		padding-bottom: 50px;
	}
	.contact-informaton {
		left: 0;
	}
}

@media screen and (min-width:1170px) and (max-width: 1366px) {
	.nivo-caption {
		width: 48% !important;
	}
	.nivo-caption h2 {
		margin-bottom: 30px;
	}
	.nivo-caption p {
		width: auto;
	}
	.sitenav ul li a {
		padding: 25px 15px;
	}
	.sitenav ul li a.parent::before {
		right: 0;
	}
}

@media screen and (min-width:768px) and (max-width: 1100px) {
	section {
		background-attachment: scroll !important;
	}
}

@media screen and (max-width: 990px) {
	.header-responsive {
		background-color: #1151d3;
		display: block;
		padding: 10px 0;
		position: relative;
	}
	.innerpage-banner {
		padding-top: 0;
	}
	.header-main {
		display: none;
	}
	section {
		padding: 40px 0;
	}
	.toggle {
		display: inline-block;
		vertical-align: middle;
		margin-left: 8px;
		right: 5px;
		float: right;
	}
	.toggleMenu {
		display: block;
	}
	.sitenav .container {
		padding: 0;
		width: 100%;
	}
	.sitenav {
		float: none;
		margin: 20px 0 0;
		top: 0;
		position: relative;
		overflow-x: hidden;
		width: 100%;
		padding: 0;
	}
	.sitenav ul {
		color: #ffffff;
		width: 100% !important;
		float: none !important;
		margin: 0;
		padding: 0;
		background-color: #2f3233;
		overflow: hidden;
		border: none;
	}
	.sitenav ul li {
		display: block;
		float: none;
		border-right: none;
		line-height: normal;
		border-top: 1px solid #444444;
		margin-right: 0;
	}
	.sitenav ul li a {
		padding: 12px;
		display: block;
		font-weight: 700;
		text-align: left;
	}
	.sitenav ul li a.parent:before {
		display: none;
	}
	span.submenu-button {
		position: absolute;
		z-index: 99;
		right: 0;
		top: 0;
		display: block;
		border-left: 1px solid #444;
		height: 45px;
		width: 45px;
		cursor: pointer;
		background-color: #000;
	}
	span.submenu-button:before {
		position: absolute;
		top: 21px;
		right: 20px;
		display: block;
		width: 2px;
		height: 8px;
		background: #ddd;
		content: '';
	}
	span.submenu-button:after {
		position: absolute;
		top: 24px;
		right: 17px;
		width: 8px;
		height: 2px;
		display: block;
		background: #ddd;
		content: '';
	}
	.sitenav ul li:hover>ul {
		background: none !important;
		width: auto !important;
		display: none;
		position: relative !important;
		left: 0;
		right: 0;
		top: 0;
		animation: none !important;
	}
	.sitenav ul li ul,
	.sitenav ul li ul ul {
		display: block;
		position: relative;
		left: 0;
	}
	.sitenav ul li ul li {
		top: 0;
	}
	.sitenav ul li ul li a {
		padding: 9px 25px;
		text-align: left;
		display: block;
	}
	.sitenav ul li:hover ul li ul,
	.sitenav ul li:hover ul li:hover>ul,
	.sitenav ul li:hover ul li:hover>ul li ul {
		background: transparent !important;
		display: block;
		position: relative !important;
		right: 0;
		left: 0;
		top: 0;
	}
	.sitenav ul ul ul li a {
		padding-left: 35px;
	}
	.sitenav ul ul .submenu-button {
		height: 35px;
		width: 35px;
	}
	.sitenav ul ul .submenu-button:before {
		top: 15px;
		right: 16px;
	}
	.sitenav ul ul .submenu-button:after {
		top: 18px;
		right: 13px;
	}
	.submenu-button.submenu-opened:before {
		background: #000;
	}
	.logo img {
		height: auto !important;
		width: auto;
	}
}