/*========================================================================

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Template Name:        Terapie - spa care HTML5 Template
Version:        1.0
Last change:    06/04 /2019
Primary use:    Spa Care Center 
Author:         ThemeXD
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

========================================================================*/

@media (min-width: 1301px) and (max-width: 1430px) {
	.service-bottom {
		left: 50% !important;
	}

	.service-right-cont {
		width: 693px;
		margin-right: 10%;
	}

	.test-2 {
		right: 0px;
		padding: 0;
	}

	.error {
		overflow: visible;
	}

	.error-btn {
		position: absolute;
		top: 54%;
		transform: translateY(-50%);
	}

	.error-content {
		position: absolute;
		margin-top: 0;
		transform: translateY(-50%);
		text-align: center;
		width: 450px;
	}

	.ser-test {
		right: 0;
	}

}

@media (min-width: 1200px) and (max-width: 1300px) {
	.tg-slidercontent h1 {
		font-size: 80px;
		line-height: 85px;
	}

	.service-bottom {
		left: 50% !important;
	}

	.service-right-cont {
		width: 693px;
		margin-left: 10%;
	}

	.test-2 {
		left: 3px;
		padding: 0;
	}

	.tg-homeslider {
		padding-bottom: 63% !important;
	}

	.error-btn {
		position: absolute;
		top: 56%;
		transform: translateY(-50%);
	}

	.error-content {
		position: absolute;
		margin-top: 0;
		transform: translateY(-50%);
		text-align: center;
		width: 450px;
	}

	.error {
		overflow: visible;
	}

	.ser-test {
		right: 0;
	}

	.sec-pad {
		padding: 0;
	}

	.sec-pad img {
		width: 100%;
	}
}


@media (min-width: 992px) and (max-width: 1199.98px) {
	.tg-slidercontent h1 {
		font-size: 60px;
		line-height: 65px;
		letter-spacing: 0px;
		padding-bottom: 30px;
	}

	.tg-slidercontent h6 {

		padding-bottom: 5px;
	}

	.tg-homeslider {
		padding-bottom: 60% !important;
	}

	.about-cont {
		padding-top: 50px;
		padding-left: 28px;
	}

	.about-cont p {
		padding-bottom: 30px;
	}

	.test-2 {
		left: 0px;
		padding: 0;
		height: 488px;
	}

	.service-bottom {
		left: 50% !important;
	}

	.service-right-cont {
		width: 580px;
		margin-right: 10%;
		padding: 15px 0px 14px 30px;
	}

	.test-2.col-lg-8 {
		-ms-flex: 0 0 68.666667% !important;
		flex: 0 0 68.666667% !important;
		max-width: 68.666667% !important;
	}


	.chooseus {
		padding-bottom: 80px;
	}

	.choose-icon [class^="flaticon-"]:before,
	.choose-icon [class*=" flaticon-"]:before,
	.choose-icon [class^="flaticon-"]:after,
	.choose-icon [class*=" flaticon-"]:after {
		margin-left: 0px !important;
		font-size: 42px !important;
	}

	.choose-icon ul li {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}

	.choose-icon ul li i {
		line-height: 70px;
	}

	.choose-icon ul li {
		margin-right: 10px;
	}

	.service-cont {
		padding: 90px 0px 88px 95px;
	}

	.text-holder ul li {
		margin: 25px 10px;
	}

	.text-holder p {
		font-size: 13px;
	}

	.price-cont:before {
		top: -41%;
		left: -94px;
	}

	.blog-content p {
		font-size: 11px;
		line-height: 20px;
	}


	.blog-content h4 {
		font-size: 15px;
	}

	.blog-content h6 {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.blog-content {
		padding: 15px 10px 15px 25px;
	}

	.news {
		padding-top: 12px;
	}

	.news p {
		padding-top: 5px;
	}

	.news a {
		font-size: 22px;
	}

	.treatment ul li,
	.recent-tweet li h3,
	.footer-social p {
		font-size: 14px;
	}

	.recent-tweet ul li i {
		padding-top: 5px;
	}

	.footer-social p,
	.recent-tweet ul {
		padding-top: 20px;
	}

	.modal-dialog {
		margin-top: 0px;
	}

	.error-btn {
		position: absolute;
		top: 56%;
		transform: translateY(-50%);
	}

	.error-content {
		position: absolute;
		margin-top: 0;
		transform: translateY(-50%);
		text-align: center;
		width: 450px;
	}

	.error {
		overflow: visible;
	}

	.ser-test {
		right: 0;
	}

	.sec-pad {
		padding: 0;
	}

	.sec-pad img {
		width: 100%;
	}

	.ser-color,
	.ser-color2 {
		top: 53%;
	}

	.contact-text {
		padding: 80px 76px;
	}

}

@media (min-width: 768px) and (max-width: 991.98px) {

	.header-nav .navbar-nav .pages,
	.header-nav .navbar-nav li a {
		margin: 30px 24px 25px 0;
	}

	.dropdown-toggle::after {
		display: none;
	}

	.tg-sliderholder {
		margin-top: 5px;
	}

	.tg-slidercontent h1 {
		font-size: 60px;
		line-height: 65px;
		letter-spacing: 0px;
		padding-bottom: 30px;
	}

	.tg-slidercontent h6 {

		padding-bottom: 5px;
	}

	.tg-homeslider {
		padding-bottom: 75% !important;
	}


	.test-3,
	.ser-sp,
	.about-col {
		padding: 0;
	}

	.about-cont {
		padding-top: 50px;
		padding-left: 30px;
	}

	.aboutus img {
		width:100%;
	}

	.about-cont p {
		padding-bottom: 25px;
		padding-top: 15px;
	}

	.service-cont {
		padding: 90px 0px 60px 56px
	}

	.test-2 {
		right: 0px;
		padding: 0;
		height: 488px;
	}

	.service-bottom {
		left: 50% !important;
		bottom: 30px;
	}

	.service-right-cont {
		width: 486px;
		margin-right: 12%;
        margin-left:0;
		padding: 25px 0px 25px 30px;
	}

	.test-2.col-lg-8 {
		-ms-flex: 0 0 68.666667% !important;
		flex: 0 0 68.666667% !important;
		max-width: 68.666667% !important;
	}



	.choose-us-image {
		margin-top: 0;
	}

	.choose-icon {
		display: inline-block;
	}

	.chooseus .chose-cnt {
		text-align: center !important;
	}

	.choose-icon [class^="flaticon-"]:before,
	.choose-icon [class*=" flaticon-"]:before,
	.choose-icon [class^="flaticon-"]:after,
	.choose-icon [class*=" flaticon-"]:after {
		margin-left: 0px !important;
		font-size: 42px !important;
	}

	.therapist-item {
		margin-bottom: 30px;
	}

	.price-cont {
		margin-bottom: 30px;
	}

	.price-cont:before {
		top: -32%;
		left: -38px;
	}

	.Pricing {
		padding-bottom: 80px;
	}

	.blog-inner {
		margin-bottom: 30px;
	}

	.blog-content {
		padding: 18px 20px 19px 40px;
	}

	.blog-browse {
		margin-top: 40px;
	}


	#contact {
		padding: 60px 0 30px;
	}

	.modal-dialog {
		margin-top: 0px;
	}

	.error-btn {
		position: absolute;
		top: 56%;
		transform: translateY(-50%);
	}

	.error-content {
		position: absolute;
		margin-top: 0;
		transform: translateY(-50%);
		text-align: center;
		width: 450px;
	}

	.error {
		overflow: visible;
	}

	.news_letter {
		width: 685px;
	}

	.download-close {
		right: 28px;
	}

	.letter_img {
		width: 36%;
	}

	.letter_img img {
		height: 410px;
	}

	#letter input {
		width: 355px;
	}

	#letter .input-group-btn {
		transform: translate(201px, -44px);
		z-index: 9;
	}

	.sec-pad {
		padding: 0;
	}

	.sec-pad img {
		width: 100%;
	}

	.about-page img {
		height: 400px;
	}

	.about-service,
	.ser-user img {
		height: 350px;
	}

	.ser-test {
		right: -8px;
		height: 350px;
	}

	.feature-title-mid h5,
	.feature-title h5 {
		font-size: 24px;
	}

	.best-treat {
		object-fit: cover;
	}

	.best-treat,
	.about-chooseus {
		height: 440px;
	}

	.about-chooseus .choose-icon ul li {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}

	.about-chooseus .choose-icon ul li {
		margin-right: 14px;
	}

	.about-chooseus .choose-icon ul li a {
		padding: 0px 14px;
	}

	.about-chooseus .choose-icon ul li i {
		line-height: 70px;
	}

	.about-chooseus .heading {
		transform: translateY(-55%);
	}

	.about-chooseus .heading h2 {
		line-height: 33px;
		font-size: 37px;
	}

	.therapist-cont p {
		padding-bottom: 40px;
	}

	.service-page-img {
		margin-bottom: 30px;
	}

	.service-page-img img {
		width: 100%;
	}

	.ser-color,
	.ser-color2 {
		top: 69%;
	}

	.therapist-part {
		padding-top: 50px;
	}

	.contact-text {
		padding: 60px 44px;
	}

	.contact-img img {
		height: 580px;
		object-fit: cover;
	}

	.news h5 {
		padding: 10px 0 10px;
	}

	.media {
		display: inline-block;
	}

	.media-body {
		padding-left: 0px;
		padding-top: 10px;
	}

	.media-middle-last {
		padding-left: 0px;
	}

	.blog-part .m-b-50 {
		margin-bottom: 0px;
	}

	.news a {
		font-size: 21px;
	}

	.news p {
		padding-top: 2px;
	}

}

@media only screen and (max-width: 767px) {
	.navbar-toggler span {
		background: #fff;
	}

	.tg-sliderholder {
		margin-top: 0;
	}

	.navbar {
		text-align: center;
		position: fixed;
	}

	.header-nav .navbar-nav li a {
		margin: 15px 0px 10px 0;
        display: block;
        text-align: right;
	}

	.navbar-nav .dropdown-menu {
		position: static;
		float: none;
	}

	.dropdown-menu {
		background: transparent;
		box-shadow: none;
		border: 3px solid transparent;
		margin-top: 5px;
		text-align: center !important;
	}

	.dropdown-menu > li > a {
		padding: 4px 0 4px !important;
		color: #fff !important;
		text-align: center;

	}

	.header-top {
		display: none;
	}

	.tg-slidercontent {
		padding-top: 70px;
	}

	.tg-slidercontent h1 {
		font-size: 50px;
		line-height: 55px;
		letter-spacing: 0px;
		padding-bottom: 30px;
	}

	.tg-slidercontent h6 {

		padding-bottom: 5px;
	}



	.tg-homeslider {
		padding-bottom: 75% !important;
		text-align: center;
		height: 100vh;
	}

	.pogoSlider--dirTopRight .pogoSlider-dir-btn--next,
	.pogoSlider--dirBottomRight .pogoSlider-dir-btn--next,
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--next {
		right: 10px;
	}

	.pogoSlider--dirTopLeft .pogoSlider-dir-btn--prev,
	.pogoSlider--dirBottomLeft .pogoSlider-dir-btn--prev,
	.pogoSlider--dirCenterHorizontal .pogoSlider-dir-btn--prev {
		left: 10px;
	}

	.heading h2 {
		line-height: 40px;
		font-size: 28px;
	}

	.test-3,
	.ser-sp,
	.about-col {
		padding: 0;
	}

	.about-cont {
		padding-top: 50px;
		padding-left: 0px;
		text-align: center;
		padding-bottom: 50px;
	}

	.aboutus img {
		width: 100%;
	}

	.about-cont p {
		padding-bottom: 25px;
		padding-top: 15px;
	}

	.service-cont {
		text-align: center;
		padding: 70px 10px 70px 10px;
	}

	.test-2 {
		position: relative;
		left: 0px;
		padding: 0;
		height: 488px;
	}

	.service-bottom {
		left: 50% !important;
		bottom: 0px;
	}

	.service-right-cont {
		width: 100%;
		margin-left: 0;
		padding: 25px 0px 25px 0;
		text-align: center;
	}

	.choose-icon ul li {
		margin-right: 5px;
	}

	.choose-icon ul li {
		width: 67px;
		height: 67px;
		line-height: 67px;
		margin-bottom: 40px;
	}

	.choose-icon ul li i {
		line-height: 67px;
	}

	.choose-icon ul li a {
		padding: 0px 8px;
	}

	.test-1:after {
		height: 132.7%;
	}

	.test-1:before {
		position: absolute;
		content: '';
		top: 0;
		left: -300%;
		height: 132.7%;
		width: 300%;
		background: #7d002e;
		opacity: 1;
		z-index: 9;
	}

    #testimonial-row {
        direction: ltr;
    }

	.slidNext4,
	.slidprev4 {
		display: none;
	}

	.service-right-cont .d-flex {
		display: -ms-inline-block !important;
		display: inline-block !important;
	}



	.choose-us-image {
		margin-top: 0;
	}

	.choose-icon {
		display: inline-block;
	}

	.chooseus .chose-cnt {
		text-align: center !important;
	}

	.counter-text {
		padding: 60px 0 0;
	}

	.counter-part {
		padding-bottom: 60px;
	}

	.choose-icon [class^="flaticon-"]:before,
	.choose-icon [class*=" flaticon-"]:before,
	.choose-icon [class^="flaticon-"]:after,
	.choose-icon [class*=" flaticon-"]:after {
		margin-left: 0px !important;
		font-size: 40px !important;
	}

	.service-cont p {
		padding-left: 10px;
		padding-right: 10px;
	}

	.relaxation2:after,
	.relaxation:after {
		width: 100%;
	}

	.other-cont {
		padding: 80px 0;
		text-align: center;
	}

	.therapist-item {
		margin-bottom: 30px;
	}

	.price-cont {
		margin-bottom: 30px;
	}

	.price-cont:before {
		top: -33%;
		left: 50%;
		transform: translateX(-50%);
	}

	.testimonial-content p {
		width: 90%;
	}

	.Pricing {
		padding-bottom: 80px;
	}

	.blog-inner {
		margin-bottom: 30px;
	}

	.blog-content p {
		font-size: 13px;
		line-height: 22px;
	}

	.blog-content h6 {
		font-size: 14px;
	}

	.blog-content {
		padding: 19px 38px 19px 40px;
	}


	.recent-tweet {
		padding-top: 50px;
	}

	#contact {
		padding: 60px 0 30px;
	}

	.modal-dialog {
		margin-top: 0px;
	}

	.pogoSlider-slide {
		position: relative;
	}

	.pogoSlider-slide:after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: #7d002e;
		opacity: 0.4;
		z-index: -9;
	}

	.blog-inner .row {
		text-align: center;
		justify-content: center;
	}

	.blog-inner img {
		width: 100%;
	}

	.border-blog {
		transform: translate(0px, 0px);
		padding-left: 15px;
		padding-right: 15px;
	}


	.instragram ul,
	.instragram,
	.recent-tweet h5,
	.copy-right,
	.treatment,
	.footer-social {
		text-align: center;
	}

	.treatment .m-b-30 {
		margin-bottom: 15px;
	}

	.instragram ul {
		display: flex;
	}

	.footer-social ul {
		display: inline-block;
	}

	.treatment h5 {
		padding-top: 30px;
	}

	.product-page-inner2 {
		width: 100%;
		float: none;
		margin-right: 0px;
	}

	#navbarSupportedContent > ul .sub-menu {
		left: 50%;
		transform: translateX(-50%);
	}

	.error-content h2 {
		font-size: 150px;
		line-height: 150px;
	}

	.error-btn {
		position: absolute;
		top: 56%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.error-content {
		position: absolute;
		margin-top: 0;
		transform: translateY(-50%);
		text-align: center;
		width: 95%;
	}

	.error-content p {
		padding-bottom: 25px;
	}

	.error:after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: #fff;
		opacity: 0.6;
		z-index: -9;
	}

	.service-page-img img {
		width: 100%;
	}

	.ser-color,
	.ser-color2 {
		top: 78%;
	}

	.therapist-part {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	.contact-text {
		padding: 60px 44px;
	}

	.contact-in {
		left: 0px;
		top: 0;
		transform: translateY(0);
		position: relative;
		padding: 30px 0 60px;
	}

	.modal-dialog {
		margin-top: 50px;
		max-width: 700px !important;
	}

	.news_letter {
		width: 100%;
		margin-top: 0;
		transform: translate(-50%, 0%);
	}

	.letter_img {
		display: none;
	}

	.letter_inner {
		margin-left: 8%;
		margin-right: 8%;
		padding-top: 65px;
		text-align: center;
	}

	#letter input {
		width: 100%;
	}

	.download-close {
		right: -5px;
		top: 22px;
	}

	#letter .input-group-btn {
		position: absolute;
		transform: none;
		z-index: 9;
		top: 47px;
		right: 0;
	}

	.pop-up {
		position: relative;
	}

	#letter .input-group-btn .btn {
		padding: 9px 18px !important;
	}

	.blogdetails_form,
	.blogdetails_form form .form-group.col-sm-12 textarea {
		width: 100%;
	}

	.blog_grid_btn {
		margin-bottom: 40px;
	}

	.sidebar_categori {
		text-align: center;
	}

	.media {
		display: inline-block;
	}

	.media-body {
		padding-left: 0px;
		padding-top: 10px;
	}

	.media-middle-last {
		padding-left: 0px;
	}

	.ser-test-2:before {
		position: absolute;
		content: '';
		top: 0;
		right: -300%;
		height: 100%;
		width: 300%;
		background: #7d002e;
		opacity: 1;
		z-index: 9;
	}

	.ser-test {
		position: relative;
		right: 0;
		z-index: 0;
		height: 100%;
		width: 100%;
	}

	.about-chooseus .heading {
		position: relative;
		top: 50%;
		transform: translateY(-50%);
		padding: 60px 0;
		text-align: center;
	}

	.about-service {
		height: 100%;
	}

	.ser-user img {
		height: 100%;
	}

	.sec-pad {
		padding: 0;
	}

	.other-cont ul li a {
		padding: 14px 23px !important;
	}

	.other-cont ul li a span {
		font-size: 13px;
	}



	.about-banner {
		margin-top: 0;
	}

	.about-banner-inner h3 {
		padding: 120px 0 16px;
	}


}

@media (min-width: 381px) and (max-width: 575px) {

	.tg-slidercontent h1 {
		font-size: 35px;
		line-height: 40px;
	}

	.ser-color,
	.ser-color2 {
		top: 75%;
	}

	.tg-slidercontent {
		width: 300px;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}



}

@media only screen and (max-width: 380px) {
	.tg-slidercontent h1 {
		font-size: 35px;
		padding-bottom: 30px;
	}

	.tg-homeslider .pogoSlider-slide {
		padding: 0;
	}

	.tg-slidercontent h6 {
		padding-bottom: 5px;
	}

	.blog-content {
		padding: 19px 10px 19px 10px;
	}

	.ser-color,
	.ser-color2 {
		top: 69%;
	}


}