/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/*---------------------------------
    typography css start 
  ---------------------------------*/
	/* ----------------------------------
	04. spacing css
 ------------------------------------ */
	/* ----------------------------------
	08. carousel css
 ------------------------------------ */
	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item {
		right: -40px;
		margin: 15px 0;
	}

	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item img {
		max-width: 100px;
	}

	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item::before {
		line-height: 50px;
		font-size: 15px;
	}

	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item:hover,
	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item.active {
		right: -20px;
	}

	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item:hover::after,
	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item.active::after {
		right: 30px;
		opacity: 1;
	}

	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item:hover::before,
	.hero-wrapper.hero-1 .hero-slider-nav .owl-thumb-item.active::before {
		opacity: 1;
		left: -20px;
	}

	/* ----------------------------------
    09. section-title css
  ------------------------------------ */
	.section__heading.style-2 .section_title {
		margin-bottom: 20px;
	}

	.section__heading.style-2 .sec_dec {
		margin-left: 0;
		margin-right: auto;
	}

	.section__heading .section_title {
		font-size: 40px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/*---------------------------------
    typography css start 
  ---------------------------------*/
	h1 {
		font-size: 65px;
	}

	h2 {
		font-size: 35px;
	}

	#scrollUp {
		font-size: 15px;
		height: 30px;
		line-height: 30px;
		right: 30px;
		width: 30px;
	}

	/* ----------------------------------
	04. spacing css
 ------------------------------------ */
	.section-padding {
		padding-top: 60px;
		padding-bottom: 70px;
	}

	.section-bottom {
		padding-bottom: 70px;
	}

	.section-top {
		padding-top: 100px;
	}

	/* ---------------------------------------
  06. buttons css
 ----------------------------------------- */
	.video-play-btn .play-video {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}

	/* ----------------------------------
	09. section-title css
 ------------------------------------ */
	.section__heading.style-2 {
		gap: 0;
	}

	.section__heading.style-2 .section_title {
		margin-bottom: 20px;
	}

	.section__heading.style-2 .sec_dec {
		margin-left: 0;
		margin-right: auto;
	}

	.section__heading .section_title {
		font-size: 35px;
	}

	.hero-content .hero-title {
		font-size: 65px;
		margin-bottom: 30px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/*---------------------------------
    typography css start 
  ---------------------------------*/
	h1 {
		font-size: 50px;
	}

	h2 {
		font-size: 40px;
	}

	#scrollUp {
		font-size: 15px;
		height: 30px;
		line-height: 30px;
		right: 30px;
		width: 30px;
	}

	/* ----------------------------------
	04. spacing css
 ------------------------------------ */
	.section-padding {
		padding-top: 60px;
		padding-bottom: 50px;
	}

	.section-bottom {
		padding-bottom: 50px;
	}

	.section-top {
		padding-top: 80px;
	}

	/* ---------------------------------------
  06. buttons css
 ----------------------------------------- */
	.video-play-btn .play-video {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}

	/* ----------------------------------
    08. carousel css
  ------------------------------------ */
	.hero-wrapper .swiper__inner {
		display: none !important;
	}

	.hero-wrapper.hero-1 .swiper-pagination {
		display: flex !important;
	}

	/* ----------------------------------
	09. section-title css
 ------------------------------------ */
	.section__heading.style-2 {
		gap: 0;
	}

	.section__heading.style-2 .section_title {
		margin-bottom: 20px;
	}

	.section__heading.style-2 .sec_dec {
		margin-left: 0;
		margin-right: auto;
	}

	.section__heading .section_title {
		font-size: 40px;
	}

	.hero-content .hero-title {
		font-size: 55px;
		margin-bottom: 20px;
	}

	.section__heading {
		margin-bottom: 40px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/*---------------------------------
    typography css start 
  ---------------------------------*/
	h1 {
		font-size: 40px;
	}

	h2 {
		font-size: 35px;
	}

	h4 {
		font-size: 20px;
	}

	/* ----------------------------------
	04. spacing css
 ------------------------------------ */
	.section-padding {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	.section-bottom {
		padding-bottom: 30px;
	}

	.section-top {
		padding-top: 60px;
	}

	/* ---------------------------------------
  06. buttons css
 ----------------------------------------- */
	.video-play-btn .play-video {
		width: 60px;
		height: 60px;
		line-height: 60px;
		font-size: 14px;
	}

	/* ----------------------------------
	08. carousel css
 ------------------------------------ */
	.hero-wrapper .swiper__inner {
		display: none !important;
	}

	.hero-wrapper.hero-1 .swiper-pagination {
		display: flex !important;
	}

	/* ----------------------------------
	09. section-title css
 ------------------------------------ */
	.section__heading.style-2 {
		gap: 0;
	}

	.section__heading.style-2 .section_title {
		margin-bottom: 20px;
	}

	.section__heading.style-2 .sec_dec {
		margin-left: 0;
		margin-right: auto;
	}

	.section__heading .section_title {
		font-size: 35px;
	}

	.hero-content {
		max-width: 95%;
		width: 100%;
	}

	.hero-content .hero-title {
		font-size: 40px;
		margin-bottom: 20px;
	}

	.section_sub__title {
		font-size: 25px;
	}

	.section__heading {
		margin-bottom: 40px;
	}

	.hero-content .hero_sub_title {

		font-size: 16px !important;

	}
}

/****************************************** 10. header css ******************************************/
/****************************************** 11. meanmenu css ******************************************/

@media only screen and (min-width: 1700px) {

	header.header-3 .container,
	header.header-5 .container {
		max-width: 1700px;
	}
}

/* X-Large devices (large desktops, 1400px to 1600px) */
@media only screen and (min-width: 1500px) {

	header.header-2 .container,
	header.header-2 .container-lg,
	header.header-2 .container-md,
	header.header-2 .container-sm,
	header.header-2 header.header-2 .container-xl,
	header.header-2 .container-xxl {
		max-width: 1500px;
	}
}

/* X-Large devices (large desktops, 1400px to 1600px) */
@media only screen and (min-width: 1400px) and (max-width: 1499px) {
	header.header-2 .logo.logo-2 {
		padding: 50px 25px;
	}

	header.header-2 .header-contact .head-contact .info_item {
		padding: 0px 30px 0px 50px;
		margin: 10px 20px 10px 0px;
	}

	.hero-wrapper.hero-4 .single-hero-slider {
		padding: 220px 0px 300px 0px;
	}
}

/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	header.header-2 .logo.logo-2 {
		padding: 51px 25px;
	}

	header.header-2 .header-contact .head-contact {
		padding-left: 40px;
	}

	header.header-2 .header-contact .head-contact .info_item {
		padding: 0px 30px 0px 50px;
		margin: 10px 20px 10px 0px;
	}

	header.header-2 .header-contact .head-contact .info_item i {
		left: 5%;
		font-size: 30px;
	}

	header.header-2 .header-contact .head-contact .info_item p,
	header.header-2 .header-contact .head-contact .info_item h5 {
		font-size: 14px;
	}

	header.header-2 .header-contact .tj-btn-primary {
		padding: 28px 50px 27px 50px;
	}

	.header-2 .main-menu ul>li {
		margin-right: 0px !important;
	}

	header.header-4 .main-menu ul>li>a {
		padding: 25px 20px;
	}

	header.header-4 .logo::before {
		-webkit-clip-path: polygon(65% 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(65% 0, 100% 0, 100% 100%, 0% 100%);
	}

	header.header-3 .main-menu ul>li,
	header.header-4 .main-menu ul>li {
		margin-right: 0px;
	}

	header.header-3 .header-contact .action-call {
		display: none;
	}

	/* ------------------------------------------------------------------
	11. meanmenu css
 -------------------------------------------------------------------- */
	.main-menu ul>li {
		margin-right: 12px;
	}

	.main-menu ul>li>a {
		margin-right: 12px;
	}

	header.header-2 .main-menu ul>li>a {
		padding: 20px 15px;
	}

	header .header-contact-widget .header-contact .info_item {
		margin-right: 40px;
		padding: 0 40px 0 50px;
	}

	header .header-contact-widget .header-contact .info_item .tj-btn-primary {
		padding: 30px 40px;
	}

	header .header-contact-widget .header-contact .info_item:nth-child(3) {
		margin-right: 0px;
		padding: 0 0px 0 50px;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	10. header css
 ------------------------------------ */
	header.header-1 {
		margin-bottom: 0;
	}

	header.header-2 .logo.logo-2 {
		padding: 51px 25px;
	}

	header.header-2 .header-contact .head-contact {
		padding-left: 40px;
	}

	header.header-2 .header-contact .head-contact .info_item i {
		left: 5%;
		font-size: 30px;
	}

	header.header-2 .header-contact .head-contact .info_item i {
		left: 5%;
		font-size: 30px;
	}

	header.header-2 .header-contact .head-contact .info_item p,
	header.header-2 .header-contact .head-contact .info_item h5 {
		font-size: 14px;
	}

	header.header-2 .main-menu ul>li {
		margin-right: 0px !important;
	}

	header.header-2 .main-menu ul>li>a {
		padding: 20px 25px !important;
	}

	header.header-2 .shear-link {
		display: none;
	}

	header.header-3 .header-contact .action-call,
	header.header-5 .header-contact .action-call {
		display: none;
	}

	header.header-4 .main-menu ul>li {
		margin-right: 0;
	}

	header.header-4 .main-menu ul>li>a {
		padding: 20px 14px;
	}

	header.header-4 .main-menu {
		padding: 5px 0px 5px 0px;
	}

	header.header-4 .logo {
		padding: 10px 15px;
	}

	header.header-4 .logo::after {
		right: -15%;
	}

	header.header-4 .logo::before {
		-webkit-clip-path: polygon(55% 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(55% 0, 100% 0, 100% 100%, 0% 100%);
		right: -15%;
	}

	header .header-contact-widget .header-contact {
		padding: 0 0 0 50px;
	}

	.main-menu ul>li {
		margin-right: 10px;
	}

	.main-menu ul>li>a {
		margin-right: 5px;
	}

	.main-menu ul>li>ul li.has-dropdown>a {
		padding-right: 10px;
	}

	.hero-wrapper.hero-1 .single-hero-slider {
		padding: 180px 0px 150px 0px;
	}

	header .header-contact-widget .header-contact .info_item {
		margin-right: 40px;
		padding: 0 40px 0 50px;
	}

	header .header-contact-widget .header-contact .info_item .tj-btn-primary {
		padding: 30px 40px;
	}

	header .header-contact-widget .header-contact .info_item:nth-child(3) {
		margin-right: 0px;
		padding: 0 0px 0 50px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
    10. header css
  ------------------------------------ */
	header.header-1 {
		margin-bottom: 0;
	}

	header.header-1 .main__header {
		padding: 10px 0px;
	}

	header.header-2 {
		background-color: var(--tj-common-white);
	}

	header.header-2 .header-contact .head-contact {
		padding-left: 40px;
	}

	header.header-3 .main__header,
	header.header-5 .main__header {
		padding: 10px 0px;
	}

	header.header-3 .header-contact .action-call,
	header.header-5 .header-contact .action-call {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

	header.header-4 .logo {
		padding: 5px 0px 5px 5px;
	}

	header .header-contact-widget .header-contact {
		display: none;
	}

	.main-menu ul>li {
		margin-right: 12px;
	}

	.main-menu ul>li.has-dropdown a {
		padding-right: 10px;
	}

	header.header-2 .shear-link {
		display: none;
	}

	header.header-4 {
		margin-top: 0;
	}

	header.header-4 .main__header {
		background-color: var(--tj-common-white);
		padding: 10px 0;
	}

	header.header-4 .main-menu .menu-4 {
		display: none;
	}

	header.header-4 .main-menu::after {
		display: none;
	}

	header.header-4 .logo::after {
		display: none;
	}

	header.header-4 .logo::before {
		display: none;
	}

	header.header-4 .tj-btn-primary,
	header.header-4 #hamburger {
		display: block;
	}

	header.header-4 .header-contact .search-bar {
		display: none;
	}

	header.header-4 .header-contact .offset-canvas {
		display: none;
	}

	header .header-contact-widget .header-contact .info_item {
		margin-right: 40px;
		padding: 0 40px 0 50px;
	}

	header .header-contact-widget .header-contact .info_item .tj-btn-primary {
		padding: 30px 40px;
	}

	header .header-contact-widget .header-contact .info_item:nth-child(3) {
		margin-right: 0px;
		padding: 0 0px 0 50px;
	}

	header.header-2 .header-contact .tj-btn-primary {
		padding: 17px 30px;
	}

	.menu2 {
		padding: 5px 0px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	10. header css
 ------------------------------------ */
	header.header-1 {
		margin-bottom: 0;
	}

	header.header-1 .main__header {
		padding: 10px 0px;
	}

	header.header-2 {
		background-color: var(--tj-common-white);
	}

	header.header-2 .header-contact .head-contact {
		padding-left: 40px;
	}

	header.header-3 .main__header,
	header.header-5 .main__header {
		padding: 10px 0px;
	}

	header.header-3 .header-contact .action-call,
	header.header-5 .header-contact .action-call {
		display: none;
	}

	header.header-4 .logo {
		padding: 5px 0px 5px 5px;
	}

	header .header-contact-widget .header-contact {
		display: none;
	}

	header.header-2 .shear-link {
		display: none;
	}

	header.header-4 {
		margin-top: 0;
	}

	header.header-4 .main__header {
		background-color: var(--tj-common-white);
	}

	header.header-4 .main-menu .menu-4 {
		display: none;
	}

	header.header-4 .main-menu::after {
		display: none;
	}

	header.header-4 .logo::after {
		display: none;
	}

	header.header-4 .logo::before {
		display: none;
	}

	header.header-4 .tj-btn-primary,
	header.header-4 #hamburger {
		display: block;
	}

	header.header-4 .header-contact .search-bar {
		display: none;
	}

	header.header-4 .header-contact .offset-canvas {
		display: none;
	}

	header .header-contact-widget .header-contact .info_item {
		margin-right: 40px;
		padding: 0 40px 0 50px;
	}

	header .header-contact-widget .header-contact .info_item .tj-btn-primary {
		padding: 30px 40px;
	}

	header .header-contact-widget .header-contact .info_item:nth-child(3) {
		margin-right: 0px;
		padding: 0 0px 0 50px;
	}

	.menu2 {
		padding: 5px 0px;
	}

	header.header-2 .header-contact .tj-btn-primary {
		padding: 17px 30px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	10. header css
 ------------------------------------ */
	header.header-1 {
		margin-bottom: 0;
	}

	header.header-1 .main__header {
		padding: 5px 0px;
	}

	header.header-2 {
		background-color: var(--tj-common-white);
	}

	header.header-2 .header-contact .head-contact {
		padding-left: 40px;
	}

	header.header-3 .main__header,
	header.header-5 .main__header {
		padding: 10px 0px;
	}

	header.header-3 .header-contact .action-call,
	header.header-5 .header-contact .action-call {
		display: none;
	}

	header.header-4 .logo {
		padding: 5px 0px 5px 5px;
	}

	header.header-4 .header-contact .search-bar {
		display: none;
	}

	header .header-contact-widget .header-contact {
		display: none;
	}

	header.header-2 .shear-link {
		display: none;
	}

	header.header-4 {
		margin-top: 0;
	}

	header.header-4 .main__header {
		background-color: var(--tj-common-white);
	}

	header.header-4 .main-menu .menu-4 {
		display: none;
	}

	header.header-4 .main-menu::after {
		display: none;
	}

	header.header-4 .logo::after {
		display: none;
	}

	header.header-4 .logo::before {
		display: none;
	}

	header.header-4 .tj-btn-primary,
	header.header-4 #hamburger {
		display: block;
	}

	header.header-4 .header-contact .search-bar {
		display: none;
	}

	header.header-4 .header-contact .offset-canvas {
		display: none;
	}

	.hero-wrapper.hero-2 .tjaction_call {
		margin-top: 20px;
	}

	header.header-4 .tj-btn-primary {
		display: none;
	}

	header .header-contact-widget .header-contact .info_item {
		margin-right: 40px;
		padding: 0 40px 0 50px;
	}

	header .header-contact-widget .header-contact .info_item .tj-btn-primary {
		padding: 30px 40px;
	}

	header .header-contact-widget .header-contact .info_item:nth-child(3) {
		margin-right: 0px;
		padding: 0 0px 0 50px;
	}

	.menu2 {
		padding: 5px 0px;
	}

	header.header-2 .header-contact .tj-btn-primary {
		padding: 17px 30px;
	}
}

/****************************************** 12. Hero css ******************************************/

/* X-Large devices (large desktops, 1400px to 1600px) */
@media only screen and (min-width: 1400px) and (max-width: 1499px) {
	.hero-wrapper.hero-4 .single-hero-slider {
		padding: 220px 0px 300px 0px;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	12. Hero css
 ------------------------------------ */
	.hero-wrapper.hero-1 .single-hero-slider {
		padding: 180px 0px 150px 0px;
	}

	.hero-wrapper.hero-1 .line-left::after {
		width: 200px;
	}

	.hero-wrapper.hero-1 .line-right::before {
		width: 200px;
	}

	.hero-wrapper.hero-1 .hero-title {
		font-size: 45px;
	}

	.hero-wrapper.hero-2 .hero-left {
		width: 100%;
		height: auto;
		padding: 190px 20px 190px 20px;
	}

	.hero-wrapper.hero-2 .hero-right {
		width: 100%;
		height: 100%;
	}

	.hero-wrapper.hero-2::after {
		width: 100%;
		height: 100%;
	}

	.hero-wrapper.hero-2 .hero-content .hero-title {
		font-size: 55px;
	}

	.hero-wrapper.hero-2 .hero-shape {
		display: none;
	}

	.hero-wrapper.hero-3 {
		padding: 150px 0px 200px 0px;
	}

	.hero-wrapper.hero-3 {
		padding: 120px 0px 180px 0px;
	}

	.hero-wrapper.hero-3 .hero-content .hero-title {
		font-size: 65px;
	}

	.hero-wrapper.hero-4 .single-hero-slider {
		padding: 220px 0px 300px 0px;
	}

	.hero-wrapper.hero-page {
		padding: 80px 0px;
	}

	.hero-wrapper.hero-page h2 {
		font-size: 40px;
		font-weight: 700;
		line-height: 40px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.hero-wrapper.hero-2 .hero-left {
		padding: 190px 20px 100px 20px;
		width: 700px;
		max-width: 100%;
		margin-left: auto;
	}

	.hero-wrapper.hero-2::after {
		width: 100%;
		height: 100%;
	}

	.hero-wrapper.hero-2 .hero-right {
		height: 400px;
		width: 100%;
	}

	.hero-wrapper.hero-1 .hero-title {
		font-size: 42px;
	}

	.hero-wrapper.hero-2 .hero-content .hero-title {
		font-size: 60px;
	}

	.hero-wrapper.hero-3 .hero-content .hero-title {
		font-size: 60px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	12. Hero css
 ------------------------------------ */
	.hero-wrapper.hero-1 .single-hero-slider {
		padding: 150px 0px 120px 0px;
	}

	.hero-wrapper.hero-1 .line-left::after {
		width: 200px;
	}

	.hero-wrapper.hero-1 .line-right::before {
		width: 200px;
	}

	.hero-wrapper.hero-2 .hero-right {
		width: 100%;
		height: 450px;
	}

	.hero-wrapper.hero-2 .hero-content .hero-title {
		font-size: 55px;
	}

	.hero-wrapper.hero-2 .hero-shape {
		display: none;
	}

	.hero-wrapper.hero-3 {
		padding: 120px 0px 150px 0px;
	}

	.hero-wrapper.hero-3 .hero-content .hero-title {
		font-size: 55px;
	}

	.hero-wrapper.hero-4 .single-hero-slider {
		padding: 120px 0px 150px 0px;
	}

	.hero-wrapper.hero-4 .hero-content .tpslider__info {
		display: block;
	}

	.hero-wrapper.hero-4 .hero-content .tpslider__info .tjaction_call {
		margin-top: 20px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	.breadcrumb-wrapper.hero-page {
		padding: 60px 0px;
	}

	.breadcrumb-wrapper .title {
		margin-top: 20px;
		font-size: 40px;
	}

	.hero-wrapper.hero-2 .hero-left {
		padding: 190px 20px 90px 20px;
		width: 700px;
		max-width: 100%;
		margin-left: auto;
	}

	.hero-wrapper.hero-2::after {
		width: 100%;
		height: 100%;
	}

	.breadcrumb-wrapper::before {
		width: 250px;
		left: 15%;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	12. Hero css
 ------------------------------------ */
	.hero-wrapper.hero-1 .single-hero-slider {
		padding: 80px 0px 70px 0px;
	}

	.hero-wrapper.hero-1 .line-left::after {
		width: 150px;
	}

	.hero-wrapper.hero-1 .line-right::before {
		width: 150px;
	}

	.hero-wrapper.hero-2 .hero-left {
		width: 100%;
		height: auto;
		padding: 130px 0px 50px 0px;
	}

	.hero-wrapper.hero-2 .hero-right {
		width: 100%;
		height: 450px;
	}

	.hero-wrapper.hero-2::after {
		width: 100%;
		height: 100%;
	}

	.hero-wrapper.hero-2 .hero-content .hero-title {
		font-size: 40px;
	}

	.hero-wrapper.hero-2 .hero-content .tpslider__info {
		display: block;
		margin-top: 20px;
	}

	.hero-wrapper.hero-2 .hero-shape {
		display: none;
	}

	.hero-wrapper.hero-3 {
		padding: 100px 0px 130px 0px;
	}

	.breadcrumb-wrapper .title {
		margin-top: 20px;
		font-size: 40px;
	}

	.hero-wrapper.hero-3 .hero-content a {
		margin-top: 20px;
	}

	.hero-wrapper.hero-3 .hero-content .hero-title {
		font-size: 40px;
	}

	.hero-wrapper.hero-4 .single-hero-slider {
		padding: 150px 0px 100px 0px;
	}

	.breadcrumb-wrapper .hero-right-element {
		display: none;
	}

	.breadcrumb-wrapper::before {
		display: none;
	}

	.hero-wrapper.hero-4 .hero-content .tpslider__info {
		flex-direction: column;
	}
}

/****************************************** 13. about css ******************************************/

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	13. about css
------------------------------------ */
	.video-popup .arrow {
		max-width: 80px;
		left: 59%;
	}

	.about-wrapper.about-2 .author-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
    13. about css
  ------------------------------------ */
	.about-wrapper.about-2 .bg-img .about__funfact {
		bottom: 20px;
		left: 20px;
	}

	.about-left .bg-img img {
		max-width: 100%;
		width: 100%;
		height: 100%;
	}

	.about-left .funfact-home {
		gap: 15px;
		padding: 30px 25px;
	}

	.about__content .section__heading {
		margin-bottom: 20px;
	}

	.about_right_widget {
		padding-left: 0px;
	}

	.video-popup span {
		left: 0;
	}

	.video-popup .arrow {
		left: 43%;
	}

	.video-popup .arrow img {
		max-width: 70%;
	}

	.about-wrapper.about-2 .about-left {
		margin-bottom: 30px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/*----------------------------------
   13. about css
  ------------------------------------ */
	.about-wrapper.about-2 .bg-img .about__funfact {
		bottom: 20px;
		left: 20px;
	}

	.about-left .bg-img img {
		max-width: 100%;
		width: 100%;
		height: 100%;
	}

	.about-left .funfact-home {
		gap: 15px;
		padding: 30px 25px;
	}

	.about__content .section__heading {
		margin-bottom: 20px;
	}

	.about_right_widget {
		padding-left: 0px;
	}

	.about-right .single-element {
		margin-bottom: 20px;
	}

	.about-1 .about__content {
		padding-bottom: 5px;
	}

	.author-content {
		margin-top: 20px;
	}

	.about-wrapper.about-2 .about-left {
		height: 100%;
	}

	.about-left {
		height: 450px;
	}

	.about__content .section__heading {
		margin-bottom: 0px;
	}

	.about__content .section__heading {
		margin-bottom: 0px;
	}

	.about-wrapper.about-2 .section__heading .section_title {
		margin-bottom: 15px;
	}

	.about-wrapper.about-2 .section__heading .section_title {
		margin-bottom: 15px;
	}

	.about-wrapper.about-2 .about__content {
		margin: bottom 20px;
	}

	.about-wrapper.about-2 .section__heading {
		margin-bottom: 20px;
	}

	.about-wrapper.about-2 .funfact .funfact_count {
		font-size: 50px;
	}

	.about-wrapper.about-4 .about-right .section_title {
		margin-bottom: 20px;
	}

	.about-wrapper.about-2 .about-left {
		margin-bottom: 30px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
    13. about css
  ------------------------------------ */
	.about-wrapper.about-2 .bg-img .about__funfact {
		bottom: 20px;
		left: 20px;
	}

	.block-contents {
		display: block;
	}

	.block-contents .about__image {
		width: 100%;
	}

	.block-contents .content {
		margin-top: 20px;
	}

	.about-left .bg-img img {
		max-width: 100%;
		width: 100%;
		height: 100%;
	}

	.about-left .funfact-home {
		gap: 15px;
		padding: 30px 25px;
	}

	.about-left .icons i {
		font-size: 50px;
	}

	.about-left .funfact .fun_dec {
		font-size: 18px;
	}

	.about__content .section__heading {
		margin-bottom: 20px;
	}

	.about_right_widget {
		padding-left: 0px;
	}

	.about-right .single-element {
		margin-bottom: 20px;
	}

	.about-1 .about__content {
		padding-bottom: 5px;
	}

	.author-content {
		margin-top: 20px;
	}

	.signature {
		margin-top: 15px;
	}

	.about-wrapper.about-2 .section__heading .section_title {
		margin-bottom: 15px;
	}

	.about-wrapper.about-2 .about__content {
		margin: bottom 20px;
	}

	.about-wrapper.about-2 .section__heading {
		margin-bottom: 20px;
	}

	.about-wrapper.about-2 .funfact .funfact_count {
		font-size: 50px;
	}

	.about-wrapper.about-2 .bg-img .funfact {
		width: 250px;
	}

	.about-wrapper.about-2 .bg-img .funfact::after {
		width: 280px;
		height: 250px;
	}

	.about-wrapper.about-4 .about-right .section_title {
		margin-bottom: 20px;
	}

	.about-wrapper.about-2 .about-left {
		margin-bottom: 30px;
	}
}

/****************************************** 14. video css ******************************************/

@media only screen and (min-width: 1200px) and (max-width: 1399px) {
	.video-right {
		width: 100%;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/*---------------------------------
     video css start 
   ---------------------------------*/

	.video-popup .arrow {
		max-width: 80px;
		left: 59%;
	}

	.video-right {
		width: 100%;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.video-wrapper .video-content {
		padding: 80px 15px 80px 0px;
	}

	.video-wrapper .service-content {
		margin-right: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 15px;
	}

	.video-right {
		width: 100%;
	}

	.about-wrapper.about-2 .author-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	.video-wrapper.video-1 .video-right {
		margin-top: 0;
	}

	.video-wrapper.video-1 {
		margin-top: 0px;
	}

	.video-wrapper .video-content .section_title {
		margin-bottom: 40px;
	}

	.video-wrapper .video-content {
		padding: 60px 0px 30px 0px;
	}

	.video-wrapper.video-5 {
		padding-bottom: 200px;
	}

	.single-video-content {
		margin-left: 0;
	}

	.video-popup .video {
		display: none;
	}

	.video-popup .arrow {
		display: none;
	}

	.video-right {
		width: 100%;
		height: 400px;
		margin-bottom: 60px;
	}

	.about-wrapper.about-2 .author-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.service-content :not(:last-child) {
		margin-bottom: 30px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {
	.video-wrapper.video-1 .video-right {
		margin-top: 0;
	}

	.video-wrapper.video-1 {
		margin-top: 0px;
	}

	.video-wrapper .video-content .section_title {
		margin-bottom: 40px;
	}

	.video-wrapper .video-content {
		padding: 60px 0px 0px 0px;
	}

	.video-wrapper .service-content {
		margin-right: 0px;
		margin-bottom: 20px;
	}

	.video-wrapper.video-5 {
		padding-bottom: 200px;
	}

	.single-video-content {
		margin-left: 0;
	}

	.video-popup .video {
		display: none;
	}

	.video-popup .arrow {
		display: none;
	}

	.video-right {
		width: 100%;
		height: 400px;
		margin-bottom: 60px;
	}

	.about-wrapper.about-2 .author-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}

	.author-content {
		gap: 20px;
	}

	.author-content {
		display: block;
	}

	.author-content .client {
		margin-top: 20px;
	}
}

/****************************************** 14. services css ******************************************/

/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	/* ----------------------------------
    14. services css
  ------------------------------------ */
	.service__tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		-ms-flex-wrap: inherit;
		flex-wrap: inherit;
		text-align: center;
	}

	.service-item-right-img {
		margin-top: 20px;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	14. services css
 ------------------------------------ */
	.service__tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		-ms-flex-wrap: inherit;
		flex-wrap: inherit;
		text-align: center;
	}

	.service__tab .service-filter-btn {
		min-width: 150px;
		margin: 30px 5px 0px 5px;
	}

	.service__tab .service-filter-btn .tj_btn__inner {
		height: 157px;
		width: 150px;
		padding: 30px 17px;
	}

	.service__tab .service-filter-btn .tj_btn__inner h5 {
		font-size: 17px;
	}

	.service-item-right-img {
		margin-top: 20px;
	}

	.service-wrapper.service-3 .service-content {
		padding: 0px 20px 30px 20px;
	}

	.service_details_left {
		margin-right: 0;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-img img {
		max-width: 47%;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	14. services css
 ------------------------------------ */
	.service-wrapper.service-3 .single-service-2 .service-thumb {
		height: 210px;
	}

	.service-wrapper.service-3 .single-service-2 .service-thumb .service-img {
		height: 200px;
	}

	.service-wrapper.service-3 .service-content {
		padding: 0px 20px 30px 20px;
	}

	.service-wrapper.service-3 .service-content .icons {
		width: 80px;
		height: 80px;
	}

	.service-wrapper.service-3 .service-content .icons i {
		font-size: 35px;
	}

	.service-wrapper.service-3 .service-content h4 {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.service__tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		-ms-flex-wrap: inherit;
		flex-wrap: inherit;
		text-align: center;
	}

	.service__tab .service-filter-btn {
		margin: 30px 10px 0px 10px;
	}

	.single-service {
		padding: 30px;
	}

	.service-item-right-img {
		margin-top: 20px;
	}

	.service__details-wrapper .service_details_left .service_features {
		display: block;
		width: 100%;
	}

	.service__details-wrapper .service_details_left .service_features .tj_features-img {
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .service_features .tj_features-content {
		margin-bottom: 30px;
	}

	.tj-dane-right {
		max-width: 420px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.service__tab .service-filter-btn .tj_btn__inner {
		width: 155px;
		height: 170px;
	}

	.service__tab .service-filter-btn .tj_btn__inner .service__tab_text {
		font-size: 18px;
	}

	.service-wrapper.service-3 .service-content .icons {
		margin-bottom: 20px;
	}

	.service__details-wrapper .service_details_left .tj_features-img {
		max-width: 100%;
		width: 100%;
		height: 300px;
		overflow: hidden;
	}

	.service_details_left {
		border-bottom: 1px solid var(--tj-border-4);
		padding-bottom: 20px;
		margin-bottom: 50px;
		margin-right: 0;
	}

	.tj-main-service {
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-info-bg {
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .service-details__benefits {
		margin-bottom: 30px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
    14. services css
  ------------------------------------ */
	.service-wrapper.service-3 .single-service-2 .service-thumb {
		height: 210px;
	}

	.service-wrapper.service-3 .single-service-2 .service-thumb .service-img {
		height: 200px;
	}

	.service-wrapper.service-3 .service-content {
		padding: 0px 20px 30px 20px;
	}

	.service-wrapper.service-3 .service-content .icons {
		width: 80px;
		height: 80px;
	}

	.service-wrapper.service-3 .service-content .icons i {
		font-size: 35px;
	}

	.service__tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		-ms-flex-wrap: inherit;
		flex-wrap: inherit;
		text-align: center;
	}

	.service__tab .service-filter-btn {
		margin: 30px 10px 0px 10px;
	}

	.single-service {
		padding: 30px;
	}

	.service-items-content ul li {
		font-size: 16px;
	}

	.service-item-right-img {
		height: 300px;
		margin-top: 30px;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-info-bg {
		height: 300px;
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .service-details__benefits {
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .service_features {
		display: block;
		width: 100%;
	}

	.service__details-wrapper .service_details_left .service_features .tj_features-img {
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .service_features .tj_features-content {
		margin-bottom: 30px;
	}

	.tj-dane-right {
		max-width: 420px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.service__tab .service-filter-btn .tj_btn__inner {
		width: 155px;
		height: 170px;
	}

	.service__tab .service-filter-btn .tj_btn__inner .service__tab_text {
		font-size: 18px;
	}

	.service-wrapper.service-3 .service-content .icons {
		margin-bottom: 20px;
	}

	.service_details_left {
		border-bottom: 1px solid var(--tj-border-4);
		padding-bottom: 20px;
		margin-bottom: 50px;
		margin-right: 0;
	}

	.tj-main-service {
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
	}

	.service__benefits__inner {
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .tj_features-img {
		max-width: 100%;
		width: 100%;
		height: 300px;
		overflow: hidden;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-img {
		margin-bottom: 30px;
		gap: 20px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	14. services css
  ------------------------------------ */
	.service__tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow-x: scroll;
		overflow-y: hidden;
		-ms-flex-wrap: inherit;
		flex-wrap: inherit;
		text-align: center;
		margin-bottom: 0;
	}

	.service__tab .service-filter-btn {
		min-width: 125px;
		margin: 30px 5px 0px 5px;
	}

	.service__tab .service-filter-btn .tj_btn__inner h5 {
		font-size: 15px;
	}

	.service__tab .service-filter-btn .tj_btn__inner .t-icons i {
		line-height: 1;
	}

	.single-service {
		padding: 20px;
	}

	.service-items-content ul {
		-webkit-columns: 1;
		-moz-columns: 1;
		columns: 1;
	}

	.service-items-content ul li {
		font-size: 16px;
	}

	.service-item-right-img {
		margin-top: 30px;
		height: 270px;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-info-bg {
		height: 300px;
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .service_features {
		display: block;
		width: 100%;
	}

	.service__details-wrapper .service_details_left .service_features .tj_features-img {
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .service_features .tj_features-content {
		margin-bottom: 30px;
	}

	.tj-dane-right {
		max-width: 420px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.service-items-content .service-item-title {
		font-size: 30px;
	}

	.service__tab .service-filter-btn .tj_btn__inner {
		width: 125px;
		height: 140px;
	}

	.service__tab .service-filter-btn .tj_btn__inner .t-icons {
		font-size: 30px;
		line-height: 1px;
	}

	.service__tab .service-filter-btn .tj_btn__inner .t-icons i {
		line-height: 0;
	}

	.service__tab .service-filter-btn .tj_btn__inner .service__tab_text {
		margin-top: 5px;
		font-size: 16px;
	}

	.service-wrapper.service-3 .single-service-2 {
		margin-right: auto;
		margin-left: auto;
		max-width: 420px;
	}

	.service-wrapper.service-3 .service-content .icons {
		margin-bottom: 20px;
	}

	.service-wrapper.service-3 .service-content .tj_service-name {
		margin-bottom: 15px;
		font-size: 22px;
	}

	.service__benefits__inner {
		margin-bottom: 30px;
	}

	.service_details_left {
		border-bottom: 1px solid var(--tj-border-4);
		padding-bottom: 20px;
		margin-bottom: 50px;
		margin-right: 0;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .service-details__content-title {
		font-size: 30px;
	}

	.tj-main-service {
		max-width: 420px;
		margin-left: auto;
		margin-right: auto;
		padding: 30px 15px;
	}

	.service__benefits__inner {
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .tj_features-img {
		max-width: 100%;
		width: 100%;
		height: 300px;
		overflow: hidden;
	}

	.service__details-wrapper .service_details_left .service-details__benefits {
		margin-bottom: 30px;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-img {
		margin-bottom: 30px;
		gap: 15px;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-img img {
		max-width: 47%;
	}
}

/****************************************** 15. Chose Us css ******************************************/

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
    15. Chose Us css
  ------------------------------------ */
	.chose-us-left {
		width: 60%;
		height: auto;
	}

	.chose-us-right {
		width: 60%;
		height: auto;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
    15. Chose Us css
  ------------------------------------ */
	.chose-us-left {
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.chose-us-middle .chose_us-img {
		left: 0%;
		margin-bottom: 30px;
	}

	.chose-us-middle .chose_us-img img {
		max-width: 90%;
	}

	.chose-us-right {
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
    15. Chose Us css
  ------------------------------------ */
	.chose-us-left {
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.chose-us-middle .chose_us-img {
		left: 0%;
		margin-bottom: 30px;
	}

	.chose-us-middle .chose_us-img img {
		max-width: 90%;
	}

	.chose-us-right {
		padding-left: 0;
		width: 80%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		padding-left: 0;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
    15. Chose Us css
  ------------------------------------ */
	.chose-us-left {
		width: 100%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
	}

	.chose-us-middle .chose_us-img {
		left: 0%;
		margin-bottom: 30px;
	}

	.chose-us-middle .chose_us-img img {
		max-width: 90%;
	}

	.chose-us-right {
		padding-left: 0;
		width: 100%;
	}

	.chose_us-content {
		padding: 20px 0px;
	}

	.chose_us-content .icons {
		margin-bottom: 5px;
	}
}

/****************************************** 16. feature css ******************************************/
/* X-Large devices (large desktops, 1400px to 1600px) */
@media only screen and (min-width: 1400px) and (max-width: 1499px) {

	/* ----------------------------------
	16. feature css
 ------------------------------------ */
	.feature-wrapper.feature-1 .container {
		max-width: 1380px;
	}
}

/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	/* ----------------------------------
	16. feature css
 ------------------------------------ */
	.feature-wrapper .single-feature .content p {
		margin-bottom: 10px;
		line-height: 1.3;
	}

	.feature-wrapper.feature-2 .tj-right-bottom-thumb .funfact-feature {
		padding: 36.5px 24px;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
    16. feature css
  ------------------------------------ */
	.feature-wrapper .single-feature .content {
		padding: 15px;
	}

	.feature-wrapper .single-feature .content p {
		font-size: 14px;
		line-height: 1.3;
		margin-bottom: 10px;
	}

	.feature-wrapper.feature-2 .tj-right-bottom-thumb .funfact-feature {
		padding: 24px;
	}

	.tj-feature-4::after {
		width: 52%;
	}

	.tj-feature-4::before {
		width: 53%;
	}

	.feature-wrapper.feature-2 .tj-right-bottom-thumb .funfact-feature .content p {
		font-size: 20px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
    16. feature css
  ------------------------------------ */
	.feature-wrapper .single-feature {
		height: auto;
		margin-bottom: 40px;
	}

	.feature-wrapper .single-feature .content {
		padding: 15px 10px;
	}

	.feature-wrapper .single-feature .content p {
		font-size: 14px;
		line-height: 1.3;
	}

	.feature-wrapper.feuture-3 .feature-item {
		width: 17%;
		margin: 0px 8px;
		height: 120px;
	}

	.feature-wrapper.feuture-3 .t-icons i {
		font-size: 40px;
	}

	.feature-wrapper.feuture-3 h5 {
		font-size: 18px;
	}

	.feature-wrapper.feature-2 .tj-feature-right .tj-right-top-thumb {
		padding: 40px 35px;
	}

	.feature-wrapper.feature-2 .tj-feature-right .tj-right-top-thumb h2 {
		font-size: 30px;
	}

	.tj-feature-4::after {
		width: 100%;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.tj-feature-4::before {
		width: 100%;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
    16. feature css
  ------------------------------------ */
	.feature-wrapper .single-feature {
		margin-bottom: 40px;
		height: auto;
	}

	.feature-wrapper.feature-4 {
		margin-top: -50px;
	}

	.feature-wrapper.feuture-3 .feature-item {
		width: 200px;
		text-align: center;
		margin-bottom: 30px;
	}

	.feature-wrapper.feuture-3 .feature-item:last-child {
		margin-bottom: 0;
	}

	.feature-wrapper.feuture-3 .feature-widget {
		text-align: center;
	}

	.feature-wrapper.feature-2 .single-feature-item {
		height: 450px;
	}

	.feature-wrapper.feature-2 .tj-feature-right .tj-right-top-thumb {
		padding: 40px 20px;
	}

	.feature-wrapper.feature-2 .tj-feature-right .tj-right-top-thumb h2 {
		font-size: 30px;
	}

	.tj-feature-4::after {
		width: 100%;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.tj-feature-4::before {
		width: 100%;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.tj-feature-4 .house-shape-2 {
		display: none;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
    16. feature css
  ------------------------------------ */
	.feature-wrapper .single-feature {
		margin-bottom: 40px;
		height: auto;
	}

	.feature-wrapper .single-feature .content {
		padding: 15px 10px;
	}

	.feature-wrapper .single-feature .content p {
		font-size: 14px;
		line-height: 1.3;
	}

	.feature-wrapper.feature-4 {
		margin-top: -50px;
	}

	.feature-wrapper.feuture-3 .feature-item {
		width: 140px;
		text-align: center;
		margin-bottom: 30px;
	}

	.feature-wrapper.feuture-3 .feature-item:last-child {
		margin-bottom: 0;
	}

	.feature-wrapper.feuture-3 .feature-widget {
		text-align: center;
	}

	.feature-wrapper.feature-2 .single-feature-item {
		height: 450px;
	}

	.feature-wrapper.feature-2 .single-feature-item .tj-add {
		display: none;
	}

	.feature-wrapper.feature-2 .tj-feature-right .tj-right-top-thumb {
		padding: 40px 20px;
	}

	.feature-wrapper.feature-2 .tj-feature-right .tj-right-top-thumb h2 {
		font-size: 30px;
	}

	.feature-wrapper.feature-2 .tj-right-bottom-thumb .funfact-feature {
		padding: 20px;
		gap: 15px;
	}

	.feature-wrapper.feature-2 .tj-right-bottom-thumb .funfact-feature .icons i {
		font-size: 40px;
	}

	.feature-wrapper.feature-2 .tj-right-bottom-thumb .funfact-feature .content h2 {
		font-size: 35px;
	}

	.feature-wrapper.feature-2 .tj-right-bottom-thumb .funfact-feature .content p {
		font-size: 18px;
	}

	.tj-feature-4 {
		padding: 30px 15px;
	}

	.tj-feature-4::after {
		width: 100%;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.tj-feature-4::before {
		width: 100%;
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
	}

	.tj-feature-4 .house-shape-2 {
		display: none;
	}

	.tj-feature-4 .tj-feature-content {
		margin-bottom: 30px;
	}
}

/****************************************** 17. projects css ******************************************/

/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	/* ----------------------------------
   17. projects css
  ------------------------------------ */
	.working_process-wrapper .col_working .single-process::before {
		width: 80px;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
   17. projects css
  ------------------------------------ */
	.working_process-wrapper .col_working .single-process::before {
		top: 100px;
		right: -15%;
		width: 60px;
		max-width: 100%;
		height: 40px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
     17. projects css
   ------------------------------------ */
	.col .grid-item {
		height: 320px !important;
	}

	.working_process-wrapper .single-process .tj-icon {
		width: 150px;
		height: 150px;
	}

	.working_process-wrapper .single-process .tj-icon .icon {
		width: 130px;
		height: 130px;
		font-size: 40px;
	}

	.working_process-wrapper .single-process .tj-icon .number {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.working_process-wrapper .single-process .tj-content .process__title {
		font-size: 20px;
	}

	.working_process-wrapper .col_working .single-process::before {
		top: 60px;
		right: -18%;
		width: 60px;
		max-width: 100%;
		height: 40px;
	}

	.tj-working-project {
		height: 300px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
   17. projects css
  ------------------------------------ */
	.project-cat-filter button {
		padding: 8px 18px;
		margin: 5px 5px;
	}

	.col .grid-item {
		width: 100%;
		height: 320px !important;
	}

	.col .grid-item--width2 {
		width: 100%;
	}

	.col .grid-item--width3 {
		width: 100%;
	}

	.working_process-wrapper .col_working .single-process::before {
		display: none;
	}

	.tj-working-project {
		height: 300px;
	}

	.error__wrapper .error__content span {
		font-size: 100px;
	}

	.project-cat-filter {
		margin-bottom: 40px;
	}

	.working_process-wrapper .single-process .tj-content {
		margin-top: 15px;
	}

	.project_details-wrapper .tj-team-details-left {
		margin-right: 0;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
   17. projects css
  ------------------------------------ */
	.project-cat-filter {
		margin-bottom: 40px;
	}

	.project-cat-filter button {
		padding: 8px 18px;
		margin: 5px 5px;
	}

	.col .grid-item {
		width: 100%;
		height: 320px !important;
		margin-bottom: 30px;
	}

	.col .grid-item--width2 {
		width: 100%;
	}

	.col .grid-item--width3 {
		width: 100%;
	}

	.working_process-wrapper .single-process .tj-icon {
		width: 150px;
		height: 150px;
	}

	.working_process-wrapper .single-process .tj-icon .icon {
		width: 130px;
		height: 130px;
		font-size: 40px;
	}

	.working_process-wrapper .single-process .tj-icon .number {
		width: 40px;
		height: 40px;
		font-size: 16px;
	}

	.working_process-wrapper .single-process .tj-content {
		margin-top: 10px;
	}

	.working_process-wrapper .single-process .tj-content .process__title {
		margin-bottom: 10px;
	}

	.working_process-wrapper .col_working .single-process::before {
		display: none;
	}

	.tj-project-content span {
		width: 100px;
	}

	.tj-project-content span.tj-star {
		width: auto;
	}

	.project_details-wrapper .tj-project-content {
		margin-bottom: 30px;
	}

	.tj-working-project {
		height: 300px;
		max-width: 400px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.working_process-wrapper .single-process .tj-content {
		margin-top: 15px;
	}
}

/****************************************** 18. 404 css ******************************************/
/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	/* ----------------------------------
    18. 404 css
  ------------------------------------ */
	.error__wrapper .error__content span {
		font-size: 120px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
     18. 404 css
   ------------------------------------ */
	.error__wrapper {
		padding-bottom: 100px;
	}

	.error__wrapper .error__content span {
		font-size: 100px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
     18. 404 css
    ------------------------------------ */
	.error__wrapper {
		padding-bottom: 80px;
	}

	.error__wrapper .error__content span {
		font-size: 100px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
     18. 404 css
   ------------------------------------ */
	.error__wrapper {
		padding-bottom: 60px;
	}

	.error__wrapper .error__content span {
		font-size: 80px;
	}

	.error__wrapper .error__content a {
		margin-top: 20px;
	}
}

/*********************************** 29. testimonial css *****************************************/
/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	29. testimonial css
 ------------------------------------ */
	.testimonial-wrapper.testimonial-4 p {
		font-size: 22px;
		line-height: 30px;
	}

	.testimonial-wrapper.testimonial-4 .tj-slider {
		padding-left: 50px;
		padding-right: 20px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	29. testimonial css
 ------------------------------------ */
	.testimonial-wrapper.testimonial-4 .tj-slider {
		padding-left: 20px;
		padding-right: 20px;
	}

	.testimonial-wrapper.testimonial-4 .quote {
		font-size: 25px;
		line-height: 1.6;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	29. testimonial css
 ------------------------------------ */
	.testimonial-wrapper.testimonial-3 .single-testimonial {
		padding: 40px 20px;
	}

	.testimonial-wrapper.testimonial-4 p {
		font-size: 22px;
		line-height: 30px;
	}

	.testimonial-wrapper.testimonial-4 .tj-slider {
		padding-left: 20px;
		padding-right: 20px;
	}

	.testimonial-wrapper.testimonial-4 .quote {
		font-size: 20px;
		line-height: 1.6;
	}

	.testimonial-wrapper.testimonial-4 .quote__icon {
		margin-bottom: 10px;
	}
}

/****************************************** 20. team css ******************************************/
/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	20. team css
 ------------------------------------ */
	.team-wrapper.team-3 .single-thumb {
		padding: 0px 20px;
	}

	.team-wrapper.team-3 .single-thumb h5 {
		font-size: 20px;
		line-height: 30px;
	}

	.team-wrapper.team-2 .single-team-2 .team-img {
		height: 300px;
	}

	.team-wrapper.team-2 .team-link a {
		padding: 5px 0px;
	}

	.team-wrapper.team-2 .team-link {
		padding: 5px 0px;
	}

	.single-team .team-link a {
		padding: 5px 0px;
	}

	.single-team .team-link {
		padding: 5px 0px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	20. team css
 ------------------------------------ */
	.team-wrapper.team-3 .single-thumb {
		padding: 0px 20px;
	}

	.team-wrapper.team-3 .single-thumb h5 {
		font-size: 20px;
		line-height: 30px;
	}

	.team-wrapper.team-2 .single-team-2 .team-img {
		height: 300px;
	}

	.team-wrapper.team-2 .single-team-2 .content .team_man-name {
		font-size: 20px;
	}

	.team-wrapper.team-2 .team-link a {
		padding: 5px 0px;
	}

	.team-wrapper.team-2 .team-link {
		padding: 5px 0px;
	}

	.single-team .team-link a {
		padding: 5px 0px;
	}

	.single-team .team-link {
		padding: 5px 0px;
	}

	.single-team {
		padding: 0px;
	}

	.single-team .team-name {
		font-size: 20px;
	}

	.tj-team-details-left {
		max-width: 100%;
		text-align: center;
	}

	.team_details-wrapper .tj-team-details-left {
		margin-right: 0;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	20. team css
 ------------------------------------ */
	.team-wrapper .team__inner {
		padding-bottom: 0px;
	}

	.team-wrapper.team-2 .single-team-2 .team-img {
		height: 300px;
	}

	.team-wrapper.team-2 .single-team-2 .content .team_man-name {
		font-size: 20px;
	}

	.team-wrapper.team-2 .team-link a {
		padding: 5px 0px;
	}

	.team-wrapper.team-2 .team-link {
		padding: 5px 0px;
	}

	.single-team .team-link a {
		padding: 5px 0px;
	}

	.single-team .team-link {
		padding: 5px 0px;
	}

	.single-team {
		padding: 0px;
	}

	.single-team .team-name {
		font-size: 20px;
	}

	.tj-team-details-left {
		max-width: 100%;
		text-align: center;
	}

	.tj-team-details-right .tj-team-content .tj-help ul {
		-moz-columns: 1;
		columns: 1;
	}

	.tj-team-details-right .tj-team-content .tj-help ul li {
		display: block;
		font-size: 15px;
	}

	.tj-team-details-right .tj-team-content .tj-help ul li::before {
		font-size: 15px;
	}

	.tj-team-details-right .tj-team-content .tj-help ul {
		-moz-columns: 1;
		columns: 1;
	}

	.tj-team-details-right .tj-team-content .tj-help ul li {
		display: block;
		font-size: 15px;
	}

	.tj-team-details-right .tj-team-content .tj-help ul li::before {
		font-size: 15px;
	}

	.team-wrapper.team-2 {
		margin-top: 30px;
		padding-bottom: 50px;
	}

	.team_details-wrapper .tj-team-details-left {
		margin-right: 0;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	20. team css
 ------------------------------------ */
	.team-wrapper .team__inner {
		padding-bottom: 0px;
	}

	.team-wrapper.team-3 .single-team-member {
		max-width: 400px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.team-wrapper.team-2 .single-team-2 .team-img {
		height: 300px;
	}

	.team-wrapper.team-2 .team-link a {
		padding: 5px 0px;
	}

	.team-wrapper.team-2 .team-link {
		padding: 5px 0px;
	}

	.team-wrapper.team-2 .single-team-widget {
		max-width: 420px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.single-team .team-link a {
		padding: 5px 0px;
	}

	.single-team .team-link {
		padding: 5px 0px;
	}

	.single-team {
		padding-bottom: 20px;
		max-width: 400px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.tj-team-details-left {
		max-width: 100%;
		text-align: center;
	}

	.tj-team-details-right .tj-team-content .tj-help ul {
		-moz-columns: 1;
		columns: 1;
	}

	.tj-team-details-right .tj-team-content .tj-help ul li {
		display: block;
	}

	.team-wrapper.team-2 {
		margin-top: 30px;
		padding-bottom: 50px;
	}

	.tj__frome__head .tj__frome_sub-title {
		font-size: 16px;
	}

	.tj__frome__head .tj__frome_title {
		font-size: 30px;
	}

	.team_details-wrapper .tj-team-details-left {
		margin-right: 0;
	}

	.tj-team-details-right .team_service__dec {
		margin-bottom: 15px;
	}

	.tj-team-details-right .tj-team-content .team__service__title {
		margin-bottom: 15px;
	}

	.tj-team-details-right .tj-team-content {
		margin-bottom: 30px;
	}
}

/****************************************** 21. blog css ******************************************/
@media only screen and (min-width: 1600px) {

	.news-wrapper .container,
	.news-wrapper .container-lg,
	.news-wrapper .container-md,
	.news-wrapper .container-sm,
	.news-wrapper .container-xl {
		max-width: 1600px;
	}
}

/* X-Large devices (large desktops, 1400px to 1600px) */
@media only screen and (min-width: 1500px) and (max-width: 1600px) {

	/* ----------------------------------
	21. blog css
 ------------------------------------ */
	.single-blog__inner .blog-img {
		width: 280px;
		height: 400px;
		overflow: hidden;
	}

	.single-blog__inner .blog-content-thumb {
		padding: 30px 30px 30px 30px;
	}
}

/* X-Large devices (large desktops, 1400px to 1600px) */
@media only screen and (min-width: 1400px) and (max-width: 1499px) {

	/* ----------------------------------
	21. blog css
 ------------------------------------ */
	.single-blog__inner .blog-img {
		width: 280px;
		height: 400px;
		overflow: hidden;
	}

	.single-blog__inner .blog-content-thumb {
		padding: 30px 30px 30px 30px;
	}
}

/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	/* ----------------------------------
	21. blog css
 ------------------------------------ */
	.blog__meta {
		padding: 20px;
		gap: 20px;
	}

	.blog__inner .content {
		padding: 25px 20px;
	}

	.tj-single-common .tj-img {
		width: 80px;
		height: 80px;
	}

	.single-blog__inner.single-blog__inner-2 {
		flex-direction: column;
	}

	.single-blog__inner .blog-img {
		width: 100%;
		height: 400px;
		overflow: hidden;
	}

	.single-blog__inner .blog-content-thumb {
		padding: 30px 30px 30px 30px;
	}

	.tj-single-common.tj-single-common-2 {
		padding: 35px 15px;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	21. blog css
 ------------------------------------ */
	.single-blog.single-blog-2 .blog-content .content h4 {
		font-size: 20px;
	}

	.blog__inner .content .blog-title {
		font-size: 18px;
	}

	.blog__inner .content {
		padding: 15px;
	}

	.blog__meta {
		padding: 20px 10px;
		gap: 20px;
	}

	.tj-single-common .tj-img {
		width: 80px;
		height: 80px;
	}

	.tj-single-common {
		gap: 15px;
	}

	.blog-details__pagenation {
		flex-direction: column;
		align-items: start;
	}

	.blog-details__pagenation .next_post {
		align-self: end;
	}

	.tj-single-common .sidebar__post-content-meta .tj-img {
		margin-left: 0;
		margin-right: auto;
	}

	.tj-single-common .tj-img {
		width: 80px;
		height: 80px;
	}

	.single-blog__inner.single-blog__inner-2 {
		flex-direction: column;
	}

	.single-blog__inner .blog-img {
		width: 100%;
		height: 400px;
		overflow: hidden;
	}

	.single-blog__inner .blog-content-thumb {
		padding: 30px 30px 30px 30px;
	}

	.blog__details__left {
		padding-right: 0;
	}

	.single-blog-tag {
		gap: 0;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	21. blog css
 ------------------------------------ */
	.single-blog {
		height: auto;
		margin-bottom: 30px;
	}

	.single-blog__inner .blog-img {
		height: 340px;
	}

	.single-blog__inner .blog-content-thumb .content .blog_title {
		margin-bottom: 15px;
	}

	single-blog__inner .blog-content-thumb .blog-comment {
		padding: 4px;
	}

	.single-blog__inner .blog-content-thumb .blog-comment .blog__comment {
		padding-left: 10px;
	}

	.blog__inner .content .blog-title {
		font-size: 18px;
	}

	.blog__inner .content {
		padding: 15px;
	}

	.blog__meta {
		padding: 20px 10px;
		gap: 20px;
	}

	.comment-one .tj-blog-comment .tj-img,
	.comment-form .tj-blog-comment .tj-img {
		width: 80px;
		height: 80px;
	}

	.tj-single-common .tj-img {
		width: 80px;
		height: 80px;
	}

	.single-blog__inner.single-blog__inner-2 {
		flex-direction: column;
	}

	.single-blog__inner .blog-img {
		width: 100%;
		height: 300px;
		overflow: hidden;
	}

	.single-blog__inner .blog-content-thumb {
		padding: 25px 20px 30px 20px;
	}

	.blog__details__left {
		padding-right: 0px;
		border-bottom: 1px solid var(--tj-grey-4);
		padding-bottom: 30px;
		margin-bottom: 50px;
	}

	.blog-details__pagenation {
		flex-direction: column;
		align-items: start;
	}

	.blog-details__pagenation .next_post {
		align-self: end;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	21. blog css
 ------------------------------------ */
	.single-blog {
		height: auto;
		margin-bottom: 30px;
	}

	.single-blog__inner .blog-img {
		height: 340px;
	}

	.single-blog__inner .blog-content-thumb .content .blog_title {
		margin-bottom: 15px;
	}

	.single-blog__inner .blog-content-thumb .blog-comment {
		padding: 4px;
	}

	.single-blog__inner .blog-content-thumb .blog-comment .blog__comment {
		padding-left: 0;
	}

	.tj-blog-inner .tj-thumb_img {
		height: 300px;
	}

	.tj-blog-inner h2 {
		font-size: 25px;
	}

	.comment-one .tj-blog-comment .tj-img,
	.comment-form .tj-blog-comment .tj-img {
		width: 80px;
		height: 80px;
	}

	.single-blog__inner.single-blog__inner-2 {
		flex-direction: column;
	}

	.single-blog__inner .blog-img {
		width: 100%;
		height: 300px;
		overflow: hidden;
	}

	.single-blog__inner .blog-content-thumb {
		padding: 25px 20px 30px 20px;
	}

	.blog__details__left {
		padding-right: 0px;
		border-bottom: 1px solid var(--tj-grey-4);
		padding-bottom: 30px;
		margin-bottom: 50px;
	}

	.single-blog-tag {
		gap: 0;
	}

	.blog-details__pagenation {
		flex-direction: column;
		align-items: start;
	}

	.blog-details__pagenation .next_post {
		align-self: end;
	}

	blockquote {
		font-size: 20px;
		padding: 30px 20px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	21. blog css
 ------------------------------------ */
	.single-blog {
		height: auto;
		margin-bottom: 30px;
	}

	.single-blog .blog-img {
		height: 270px;
	}

	.blog__inner .content .blog-title {
		font-size: 20px;
	}

	.single-blog {
		max-width: 400px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.single-blog__inner.single-blog__inner-2 {
		max-width: 400px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.single-blog__inner .blog-img {
		height: 340px;
	}

	.single-blog__inner .blog-content-thumb {
		padding: 30px 15px;
	}

	.single-blog__inner .blog-content-thumb .content .blog_title {
		margin-bottom: 15px;
	}

	.single-blog__inner .blog-content-thumb .blog-comment {
		padding: 0px 0px 0px 10px;
	}

	.single-blog__inner .blog-content-thumb .blog-comment .blog__comment {
		padding-left: 0;
	}

	.single-blog__inner .blog-content-thumb .blog-comment p {
		padding-left: 0;
	}

	.blog__inner .content {
		padding: 20px 10px 20px 20px;
	}

	.blog__inner .content .blog_title {
		font-size: 18px;
		line-height: 26px;
	}

	.tj-blog-inner .tj-thumb_img {
		height: 300px;
	}

	.tj-blog-inner .blog__meta {
		gap: 15px;
		flex-wrap: wrap;
	}

	.tj-blog-inner h2 {
		font-size: 25px;
	}

	.tj-single-common {
		gap: 15px;
	}

	.tj-single-common .sidebar__post-content-meta .tj-img {
		margin-left: 0;
		margin-right: auto;
	}

	.comment-one .tj-blog-comment .tj-img,
	.comment-form .tj-blog-comment .tj-img {
		width: 80px;
		height: 80px;
	}

	.comment-one .tj-blog-comment .tj-content .login-info,
	.comment-form .tj-blog-comment .tj-content .login-info {
		position: relative;
	}

	.comment-one .tj-blog-comment .tj-content p,
	.comment-form .tj-blog-comment .tj-content p {
		margin-bottom: 15px;
	}

	.tj_reply {
		margin-left: 0;
	}

	.single-blog__inner.single-blog__inner-2 {
		flex-direction: column;
	}

	.single-blog__inner .blog-img {
		width: 100%;
		height: 300px;
		overflow: hidden;
	}

	.single-blog__inner .blog-content-thumb {
		padding: 25px 20px 30px 20px;
	}

	.single-blog__inner .blog-content-thumb .content .blog_title {
		font-size: 20px;
	}

	.single-blog__inner .blog-content-thumb .blog-comment a {
		padding: 12px 15px 12px 35px;
	}

	.blog__details__left {
		padding-right: 0px;
		border-bottom: 1px solid var(--tj-grey-4);
		padding-bottom: 30px;
		margin-bottom: 50px;
	}

	.single-blog-tag .tj-tag,
	.blog-details__pagenation .tj-tag {
		margin-bottom: 0;
	}

	.single-blog-tag .shear-link,
	.blog-details__pagenation .shear-link {
		margin-top: 20px;
	}

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

	.comment-one .tj-blog-comment,
	.comment-form .tj-blog-comment {
		margin-bottom: 30px;
		padding-bottom: 30px;
	}

	.comment-form .from-group .tj-btn-primary {
		margin-top: 0px;
	}

	.blog__stander .blog__thumb-padding {
		margin-bottom: 30px;
	}

	.tj-blog-inner .blog-stander__text {
		margin-bottom: 20px;
	}

	.blog__stander .blog__meta {
		padding-bottom: 0;
		padding-top: 20px;
	}

	.blog__stander .tj-blog-inner .blog-details__title {
		margin-bottom: 15px;
	}

	.blog-details__pagenation {
		flex-direction: column;
		align-items: start;
	}

	.blog-details__pagenation .next_post {
		align-self: end;
	}

	blockquote {
		font-size: 18px;
		padding: 30px 20px;
		margin-bottom: 30px;
	}
}

/****************************************** 22. brand css ******************************************/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.book-appointment {
		padding-bottom: 40px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	22. brand css
 ------------------------------------ */
	.book-appointment {
		padding-bottom: 50px;
	}

	.book-appointment .tj-inner {
		padding: 55px 30px 10px 30px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	22. brand css
 ------------------------------------ */
	.book-appointment {
		padding-bottom: 50px;
	}

	.tj-inner {
		padding: 30px;
	}

	.heading-appointment h5 {
		font-size: 20px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	 22. brand css
  ------------------------------------ */
	.book-appointment {
		padding-bottom: 50px;
	}

	.tj-inner {
		padding: 30px 15px;
	}

	.heading-appointment h5 {
		font-size: 20px;
	}
}

/****************************************** 23. process css ******************************************/

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	23. process css
 ------------------------------------ */
	.tj-single-working .tj-working {
		height: 300px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	23. process css
 ------------------------------------ */
	.superior_service-wrapper .single-quality.single-quality-2 .tj-service-img {
		max-width: 200px;
	}

	.superior_service-wrapper .single-quality.single-quality-2 .tj-content {
		width: calc(100% - 160px);
		padding: 20px;
	}

	.superior_service-wrapper .single-quality.single-quality-2 .tj-content p {
		margin-left: 0;
		margin-right: auto !important;
	}

	.superior_service-wrapper .single-quality .tj-content {
		padding: 20px 10px;
	}

	.superior_service-wrapper .single-quality .tj-content .icon i {
		font-size: 30px;
	}

	.superior_service-wrapper .single-quality .tj-content .service__title {
		font-size: 18px;
	}

	.superior_service-wrapper .single-quality .tj-content p {
		font-size: 14px;
	}

	.tj-single-working .tj-working {
		height: 300px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	23. process css
 ------------------------------------ */
	.superior_service-wrapper .single-quality.single-quality-2 .tj-content {
		width: calc(100% - 160px);
		padding: 20px;
	}

	.superior_service-wrapper .single-quality.single-quality-2 .tj-content p {
		margin-left: 0;
		margin-right: auto !important;
	}

	.superior_service-wrapper .single-quality .tj-content .icon i {
		font-size: 40px;
	}

	.tj-single-working .tj-working {
		height: 300px;
	}

	.superior_service-wrapper .single-quality {
		max-width: 400px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	23. process css
 ------------------------------------ */
	.superior_service-wrapper .single-quality.single-quality-2 .tj-service-img {
		max-width: 150px;
	}

	.superior_service-wrapper .single-quality.single-quality-2 .tj-content {
		width: calc(100% - 150px);
		padding: 20px 10px 20px 0;
	}

	.superior_service-wrapper .single-quality.single-quality-2.flex-row-reverse .tj-content {
		padding: 20px 0px 20px 10px;
	}

	.superior_service-wrapper .single-quality.single-quality-2 .tj-content .icon {
		margin-bottom: 10px;
	}

	.superior_service-wrapper .single-quality.single-quality-2 .tj-content .icon i {
		font-size: 35px;
	}

	.superior_service-wrapper .single-quality.single-quality-2 .tj-content p {
		margin-left: 0;
		margin-right: auto !important;
	}

	.superior_service-wrapper .single-quality .tj-content {
		padding: 20px 10px;
	}

	.superior_service-wrapper .single-quality.single-quality-2 .tj-content .service__title {
		font-size: 18px;
		margin-bottom: 15px;
	}

	.superior_service-wrapper .single-quality .tj-content p {
		font-size: 14px;
	}

	.superior_service-wrapper .single-quality {
		max-width: 400px;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.tj-single-working .tj-working {
		height: 300px;
	}

	.service-items-content .roofing__service__point ul {
		columns: 1;
	}
}

/****************************************** 24. fact css ******************************************/

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	24. fact css
 ------------------------------------ */
	.tj__frome__head .tj__frome_title {
		font-size: 25px;
	}

	.tj__frome__body {
		padding: 40px 20px;
	}

	.happy__client-wrapper .client__right .client__widget.client__widget-2 {
		margin-right: 0;
	}

	.fan-left {
		padding-right: 0;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	24. fact css
 ------------------------------------ */
	.tj__frome__head .tj__frome_title {
		font-size: 25px;
	}

	.tj__frome__body {
		padding: 30px 20px;
	}

	.funfact-wrapper .funfact-widget {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.happy__client-wrapper {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	.happy__client-wrapper .client__right .client__widget.client__widget-2 {
		margin-right: 0px;
	}

	.funfact-wrapper .single-funfact {
		border-right: 0px solid var(--tj-border-9);
	}

	.fan-left {
		padding-right: 0;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	24. fact css
 ------------------------------------ */
	.tj__frome__head .tj__frome_title {
		font-size: 25px;
	}

	.tj__frome__body {
		padding: 30px 15px;
	}

	.funfact-wrapper .funfact-widget {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.happy__client-wrapper {
		padding-top: 80px;
		padding-bottom: 50px;
	}

	.happy__client-wrapper .client__right .client__widget.client__widget-2 {
		margin-top: 20px;
	}

	.happy__client-wrapper .client__right .client__widget {
		padding: 25px 25px 25px 25px;
		gap: 10px;
	}

	.happy__client-wrapper .client__right .client__widget .client__dec .client__name {
		font-size: 28px;
		line-height: 30px;
	}

	.happy__client-wrapper .client__right .client__widget .client__img {
		width: 80px;
		height: 80px;
	}

	.funfact-wrapper .single-funfact {
		border-right: 0px solid var(--tj-border-9);
	}

	.fan-left {
		padding-right: 0;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	24. fact css
 ------------------------------------ */
	.happy__client-wrapper .client__right .single__client {
		padding: 0;
	}

	.happy__client-wrapper .client__right .client__widget {
		padding: 25px 25px 25px 25px;
		gap: 10px;
		border-radius: 50px;
		flex-wrap: wrap;
		flex-direction: column-reverse;
		align-items: end;
	}

	.happy__client-wrapper .client__right .client__widget.client__widget-2 {
		flex-direction: column;
		align-items: start;
	}

	.happy__client-wrapper .client__right .client__widget .client__dec .client__name {
		font-size: 28px;
		line-height: 30px;
	}

	.happy__client-wrapper .client__right .client__widget .client__img {
		width: 80px;
		height: 80px;
	}

	.happy__client-wrapper .client__right .client__widget .client__name {
		font-size: 24px;
	}

	.happy__client-wrapper .client__right .client__widget p {
		font-size: 14px;
	}

	.happy__client-wrapper {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.funfact-wrapper .fun-content .fun-dec {
		font-size: 18px;
		line-height: 30px;
	}

	.funfact-wrapper .fun-content .fun-count {
		font-size: 40px;
		line-height: 50px;
	}

	.funfact-wrapper .single-funfact {
		border-right: 0px solid var(--tj-border-9);
	}

	.happy__client-wrapper .client__right .client__widget.client__widget-2 {
		margin-right: 0;
	}

	.tj__frome__body {
		padding: 30px 15px;
	}

	.funfact-wrapper .funfact-widget {
		padding-top: 50px;
		padding-bottom: 30px;
	}

	.fan-left {
		padding-right: 0;
	}
}

/****************************************** 25. CTA css ******************************************/

/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	/* ----------------------------------
	25. CTA css
 ------------------------------------ */
	.cta-wrapper.cta-4::after {
		width: 57%;
	}

	.cta-wrapper.cta-4::before {
		width: 57%;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	25. CTA css
 ------------------------------------ */
	.cta-wrapper.cta-4::after {
		width: 58%;
	}

	.cta-wrapper.cta-4::before {
		width: 58%;
	}

	.tj-cta-widget .action-cta {
		padding: 20px 40px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	25. CTA css
 ------------------------------------ */
	.cta-wrapper .single-text .section_title {
		font-size: 35px;
	}

	.cta-wrapper.cta-4 {
		padding: 70px 0px;
	}

	.cta-wrapper.cta-4::after {
		width: 59%;
	}

	.cta-wrapper.cta-4::before {
		width: 59%;
	}

	.tj-cta-widget .action-cta {
		padding: 20px 20px;
		gap: 5px;
	}

	.office_area-wrapper {
		padding-top: 70px;
		padding-bottom: 100px;
	}

	.office_area-wrapper .section_title {
		margin-bottom: 20px;
	}

	.tj-cta-widget .action-cta::after {
		display: none;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	25. CTA css
 ------------------------------------ */
	.cta-wrapper .cta-btn::after {
		display: none;
	}

	.cta-wrapper.cta-4 .video-play-btn {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.tj-cta-widget .tj-cta {
		flex-direction: column;
		justify-content: start;
		align-items: start;
		padding: 20px 0px;
		gap: 20px;
	}

	.tj-cta-widget .action-cta {
		gap: 25px;
		padding: 0px 0px;
	}

	.tj-cta-widget .action-cta::after {
		display: none;
	}

	.office_area-wrapper {
		padding-bottom: 80px;
		padding-top: 50px;
	}

	.office_area-wrapper .contact-aria {
		padding: 30px;
	}

	.office_area-wrapper .contact-aria .contact-action a {
		padding: 0px 30px 0 50px;
		margin-right: 30px;
	}

	.cta-wrapper.cta-4 {
		padding: 60px 0px;
	}

	.cta-wrapper .single-text .section_title {
		font-size: 30px;
	}

	.office_area-wrapper .section_title {
		margin-bottom: 20px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	25. CTA css
 ------------------------------------ */
	.cta-wrapper .single-text .section_title {
		font-size: 30px;
	}

	.cta-wrapper .cta-btn::after {
		display: none;
	}

	.cta-wrapper.cta-4 {
		padding: 50px 0px;
	}

	.cta-wrapper.cta-4 .video-play-btn {
		margin-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.cta-wrapper.cta-4 {
		padding: 60px 0px;
	}

	.tj-cta-widget .tj-cta {
		display: block;
		padding: 20px 10px;
	}

	.tj-cta-widget .action-cta {
		gap: 25px;
		padding: 20px 0px;
	}

	.tj-cta-widget .action-cta::after {
		display: none;
	}

	.office_area-wrapper {
		padding-bottom: 50px;
		padding-top: 30px;
	}

	.office_area-wrapper .contact-aria {
		padding: 30px;
	}

	.office_area-wrapper .contact-aria .contact-action {
		flex-direction: column;
		justify-content: start;
		align-items: start;
	}

	.office_area-wrapper .contact-aria .contact-action a {
		padding: 0 0 0 50px;
		border-right: none;
		display: inline;
		margin-right: 0px;
	}

	.cta-wrapper.cta-1 {
		padding: 60px 0px;
	}

	.office_area-wrapper .section_title {
		margin-bottom: 20px;
	}
}

/****************************************** 26. portfolio css ******************************************/

/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	/* ----------------------------------
	26. portfolio css
 ------------------------------------ */
	.single-portfolio.single-portfolio-1 {
		padding: 40px 30px;
	}

	.single-portfolio.single-portfolio-1 .portfolio-title {
		font-size: 30px;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	26. portfolio css
 ------------------------------------ */
	.single-portfolio.single-portfolio-1 {
		padding: 40px 30px;
	}

	.single-portfolio .portfolio-link {
		left: 20px;
		bottom: 20px;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	26. portfolio css
 ------------------------------------ */
	.single-portfolio.single-portfolio-1 {
		padding: 40px 30px;
	}

	.single-portfolio.single-portfolio-1 .portfolio-title {
		font-size: 35px;
	}

	.single-portfolio .portfolio-link {
		left: 20px;
		bottom: 20px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	26. portfolio css
 ------------------------------------ */
	.single-portfolio {
		max-width: 516px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	26. portfolio css
 ------------------------------------ */
	.single-portfolio.single-portfolio-1 {
		padding: 40px 20px;
		height: auto;
	}

	.single-portfolio {
		height: 350px;
		max-width: 516px;
		margin-left: auto;
		margin-right: auto;
	}
}

/****************************************** 27. faq css ******************************************/

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	27. faq css
 ------------------------------------ */
	.faq-wrapper .single-faq-left .tj-item {
		padding-bottom: 0;
		gap: 15px;
	}

	.accordion-item .accordion-button {
		font-size: 16px;
	}

	.accordion-item .accordion-body p {
		padding: 5px 50px 20px 5px;
		line-height: 20px;
		font-size: 14px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	27. faq css
 ------------------------------------ */
	.faq-wrapper .single-faq-left .tj-item {
		gap: 15px;
	}

	.faq-wrapper .single-faq-left .tj-item .icon {
		width: 40px;
		max-width: 100%;
		height: 40px;
	}

	.faq-wrapper .single-faq-left .tj-item .icon i {
		font-size: 20px;
	}

	.accordion-item .accordion-body p {
		padding: 5px 40px 5px 0px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	27. faq css
 ------------------------------------ */
	.accordion-item .accordion-body p {
		padding: 5px 40px 5px 0px;
	}

	.faq-wrapper .single-faq-left .tj-item {
		gap: 15px;
	}

	.faq-wrapper .single-faq-left .tj-item .icon {
		width: 40px;
		max-width: 100%;
		height: 40px;
	}

	.faq-wrapper .single-faq-left .tj-item .icon i {
		font-size: 20px;
	}
}

/****************************************** 28. contact css ******************************************/

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	28. contact css
 ------------------------------------ */
	.contact-wrapper .contact-widget {
		padding: 50px 30px;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	28. contact css
 ------------------------------------ */
	.contact-wrapper .contact-widget {
		padding: 50px 30px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
  28. contact css
------------------------------------ */
	.contact-wrapper .contact-widget {
		padding: 50px 15px;
	}

	.tj-single-info {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}
}

/****************************************** 29. footer css ******************************************/

/* X-Large devices (large desktops, 1400px to 1600px) */
@media only screen and (min-width: 1500px) and (max-width: 1600px) {

	/* ----------------------------------
	29. footer css
 ------------------------------------ */
	.footer-1 .footer__middle .footer-home-left img {
		max-width: 70%;
	}
}

/* X-Large devices (large desktops, 1400px to 1600px) */
@media only screen and (min-width: 1400px) and (max-width: 1499px) {

	/* ----------------------------------
	29. footer css
 ------------------------------------ */
	.footer-1 .footer__middle .footer-home-left img {
		max-width: 70%;
	}
}

/* X-Large devices (large desktops, 1200px to 1399px) */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {

	/* ----------------------------------
	29. footer css
 ------------------------------------ */
	.footer-1 .footer__middle .footer-home-left {
		display: none;
	}
}

/* Large devices (desktops, 992px to 1199px) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

	/* ----------------------------------
	29. footer css
 ------------------------------------ */
	.footer-3 .footer_top_col_1 {
		padding: 40px 0px 40px 30px;
		gap: 15px;
	}

	.footer-3 .footer__top .input-group {
		gap: 10px;
	}

	.footer-3 .footer3_col_1 {
		margin-bottom: 30px;
	}

	.footer-3 .footer3_col_2 {
		padding-left: 30px;
	}

	.footer-1 .footer1_col_2 {
		padding-right: 0;
		padding-left: 0;
	}

	.footer__widget .widget__title {
		margin-bottom: 40px;
	}

	.grid-content {
		grid-template-columns: auto auto;
	}

	.grid-content .popup-gallery {
		height: 70px;
	}

	.single-recent-post {
		flex-wrap: wrap;
	}

	.single-recent-post.single-recent-post-2 {
		flex-wrap: nowrap;
	}

	.footer-2 .footer__middle .footer__tow_col_3 {
		padding: 70px 0px 0px 0px;
	}

	.footer-4 .footer4_col_1,
	.footer-4 .footer4_col_2 {
		padding: 30px 20px;
	}

	.footer-4 .footer4_col_3 {
		padding: 30px 20px 50px 20px;
	}

	.footer-1 .footer__middle .footer-home-left {
		display: none;
	}
}

/* Medium devices (tablets, 768px to 991px) */
@media only screen and (min-width: 768px) and (max-width: 991px) {

	/* ----------------------------------
	29. footer css
 ------------------------------------ */
	.footer__copy_write {
		justify-content: center;
	}

	.footer-1 .footer__middle .footer-home-left {
		display: none;
	}

	.footer-1 .footer1_col_2 {
		padding-right: 0;
		padding-left: 0;
	}

	.footer-1 .footer1_padding {
		padding-top: 60px;
		padding-bottom: 20px;
	}

	.footer__widget {
		margin-bottom: 40px;
	}

	.footer__top .tj_subscrib .subscribe__footer__title {
		font-size: 25px;
		line-height: 29px;
	}

	.footer__widget .widget__title {
		margin-bottom: 30px;
	}

	.footer__widget .footer_info .footer__logo_1 {
		margin-bottom: 30px;
	}

	.footer-2 .footer__logo2 {
		margin-bottom: 30px;
	}

	.footer-2 .footer__middle .footer__tow_col_1 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_2 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_3 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_4 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer2_padding {
		padding-top: 60px;
		padding-bottom: 20px;
	}

	.footer-3 .footer__middle.footer3_padding {
		padding-top: 40px;
	}

	.footer-3 .form__widget::after {
		width: 100%;
	}

	.footer-3 .border-left {
		border-left: 0px solid var(--tj-grey-4) !important;
	}

	.footer-3 .footer_top_col_1 {
		display: block;
		padding: 40px 0px;
	}

	.footer-3 .footer_top_col_1 .tj_subscrib {
		margin-bottom: 20px;
		width: 100%;
	}

	.footer-3 .footer3_col_1 {
		padding-top: 0;
	}

	.footer-3 .footer3_col_2 {
		padding-top: 0;
		padding-left: 0;
		border: none;
		height: auto;
	}

	.footer-3 .footer3_col_3 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.footer-3 .footer3_col_4 {
		padding-top: 0;
	}

	.footer-4 .footer4_col_1,
	.footer-4 .footer4_col_2 {
		padding: 0px 0px 0px 0px;
	}

	.footer-4 .footer4_col_3 {
		padding: 0px 0px 0px 0px;
	}

	.footer-4 .single-recent-post {
		flex-wrap: wrap;
	}
}

/* Small devices (large mobile) (landscape phones, 480px to 767px) */
@media only screen and (min-width: 576px) and (max-width: 767px) {

	/* ----------------------------------
	29. footer css
 ------------------------------------ */
	.footer-1 .footer__middle .footer-home-left {
		display: none;
	}

	.footer-1 .footer1_col_2 {
		padding-right: 0;
		padding-left: 0;
	}

	.footer-1 .footer1_padding {
		padding-top: 50px;
		padding-bottom: 10px;
	}

	.footer__widget {
		margin-bottom: 40px;
	}

	.footer__top .tj_subscrib .subscribe__footer__title {
		font-size: 25px;
		line-height: 29px;
	}

	.footer__widget .widget__title {
		margin-bottom: 25px;
	}

	.footer__widget .footer_info .footer__logo_1 {
		margin-bottom: 20px;
	}

	.footer__contact-list .info-contact {
		margin-bottom: 10px;
	}

	.footer__copy_write {
		justify-content: center;
	}

	.footer-2 .footer__logo2 {
		text-align: center;
		margin-bottom: 30px;
	}

	.footer-2 .footer-link {
		margin-bottom: 30px;
		text-align: center;
	}

	.footer-2 .shear-link-footer {
		margin-bottom: 20px;
		justify-content: center;
	}

	.footer-2 .footer__middle .footer__tow_col_1 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_2 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_3 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_4 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer2_padding {
		padding-top: 50px;
		padding-bottom: 10px;
	}

	.footer-3 .border-left {
		border-left: 0px solid var(--tj-grey-4);
	}

	.footer-3 .footer_top_col_1 {
		display: block;
		padding: 40px 0px;
	}

	.footer-3 .footer_top_col_1 .tj_subscrib {
		margin-bottom: 20px;
		width: 100%;
	}

	.footer-3 .footer3_col_1 {
		padding-top: 0;
	}

	.footer-3 .footer3_col_2 {
		padding-top: 0;
		padding-left: 0;
		border: none;
		height: auto;
	}

	.footer-3 .footer3_col_3 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.footer-3 .footer3_col_4 {
		padding-top: 0;
	}

	.footer-3 .footer3_padding {
		margin-top: 50px;
	}

	.border-right {
		border-right: 0px solid var(--tj-border-7);
	}

	.border-left {
		border-left: 0px solid var(--tj-grey-4);
	}

	.footer-4 .footer4_col_1,
	.footer-4 .footer4_col_2 {
		padding: 0px 0px 0px 0px;
	}

	.footer-4 .footer4_col_3 {
		padding-left: 30px;
		padding-top: 50px;
	}

	.footer-4 .single-recent-post {
		flex-wrap: wrap;
	}

	.footer-4 .footer4_col_3 {
		padding: 0px 0px 0px 0px;
	}
}

/* X-Small devices (small mobile) (portrait phones, less than 767px) */
@media only screen and (max-width: 575px) {

	/* ----------------------------------
	29. footer css
 ------------------------------------ */
	.footer-1 .footer__middle .footer-home-left {
		display: none;
	}

	.footer-1 .footer1_col_2 {
		padding-right: 0;
		padding-left: 0;
	}

	.footer-1 .footer1_padding {
		padding-top: 50px;
		padding-bottom: 10px;
	}

	.footer__widget {
		margin-bottom: 40px;
	}

	.footer__top .tj_subscrib .subscribe__footer__title {
		font-size: 25px;
		line-height: 29px;
	}

	.footer__top .input-group {
		display: block;
	}

	.footer__top .input-group input[type="email"] {
		width: 100%;
		margin-bottom: 20px;
		height: 55px;
	}

	.footer__widget .widget__title {
		margin-bottom: 25px;
	}

	.footer__widget .footer_info .footer__logo_1 {
		margin-bottom: 20px;
	}

	.footer__contact-list .info-contact {
		margin-bottom: 10px;
	}

	.footer__copy_write {
		justify-content: center;
	}

	.footer__copy_write .copy__right,
	.footer__copy_write p,
	.footer__copy_write .link {
		text-align: center;
		font-size: 14px;
	}

	.footer__copy_write .link a {
		font-size: 14px;
	}

	.footer-2 .footer__logo2 {
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}

	.footer-2 .footer-link {
		margin-bottom: 30px;
		text-align: center;
	}

	.footer-2 .shear-link-footer {
		margin-bottom: 20px;
		justify-content: center;
	}

	.footer-2 .footer__middle .footer__tow_col_1 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_2 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_3 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer__middle .footer__tow_col_4 {
		padding: 30px 0px 0px 0px;
	}

	.footer-2 .footer2_padding {
		padding-top: 50px;
		padding-bottom: 10px;
	}

	.footer-3 .border-left {
		border-left: 0px solid var(--tj-grey-4) !important;
	}

	.footer-3 .footer_top_col_1 {
		display: block;
		padding: 40px 0px;
	}

	.footer-3 .form__widget::after {
		width: 100%;
	}

	.footer-3 .footer_top_col_1 .tj_subscrib {
		margin-bottom: 20px;
		width: 100%;
	}

	.footer-3 .footer3_col_1 {
		padding-top: 0;
	}

	.footer-3 .footer3_col_2 {
		padding-top: 0;
		padding-left: 0;
		border: none;
		height: auto;
	}

	.footer-3 .footer3_col_3 {
		padding-top: 0;
		padding-bottom: 0;
	}

	.footer-3 .footer3_col_4 {
		padding-top: 0;
	}

	.footer-3 .footer3_padding {
		margin-top: 50px;
	}

	.border-right {
		border-right: 0px solid var(--tj-border-7);
	}

	.footer-4 .footer4_col_1,
	.footer-4 .footer4_col_2 {
		padding: 0px 0px 0px 0px;
	}

	.footer-4 .footer4_col_3 {
		padding-left: 0;
		padding-top: 0px;
	}

	.footer-4 .single-recent-post {
		flex-wrap: wrap;
	}

	.footer-4 .footer4_col_3 {
		padding: 0px 0px 0px 0px;
	}

	.single-recent-post {
		max-width: 100%;
	}

	.footer-top-map .footer-map {
		display: flex;
	}

	.footer-top-map .footer-map iframe {
		height: 300px;
	}

	.footer-top-map .footer-top-widget {
		margin-top: 0px;
		padding: 35px 25px;
		width: 100%;
	}

	.footer-top-map .footer-top-widget .footer__info__title {
		margin-bottom: 20px;
		padding-bottom: 5px;
	}

	.footer-top-map .footer-top-widget p,
	.footer-top-map .footer-top-widget a {
		margin-bottom: 20px;
	}
}

@media only screen and (max-width: 767px) {
	.fixed-callout {
		display: none;
	}

	.small-screen-call-to-action {
		background: #ea1826;
		padding: 10px;
		position: fixed;
		bottom: 0;
		display: inline !important;
		z-index: 999;
		width: 100%;
	}

	.small-screen-call-to-action ul {
		display: flex;
		justify-content: center;
		padding-left: 0;
		margin-bottom: 0;
	}

	.small-screen-call-to-action ul li {
		background: #fff;
		padding: 5px 8px;
		margin-right: 10px;
		border-radius: 5px;
		width: -webkit-fill-available;
		justify-content: center;
		display: flex;
		font-size: 13px;
		align-items: center;
	}

	.small-screen-call-to-action ul li a i {
		color: var(--main-color);
		font-size: 20px;
		margin-right: 5px;
		line-height: 0;
	}

	.small-screen-call-to-action ul li:last-child {
		margin-right: 0;
	}

	.small-screen-call-to-action ul li a {
		color: #000;
		display: flex;
		align-items: center;
	}

	.header-area .heder-top-area {
		display: none;
	}

	.ptb-100 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pt-100 {
		padding-top: 50px;
	}

	.pb-100 {
		padding-bottom: 50px;
	}

	.pt-70 {
		padding-top: 20px;
	}

	.pb-70 {
		padding-bottom: 20px;
	}

	.mb-minus-70 {
		margin-bottom: 0;
	}

	.pt-170 {
		padding-top: 50px;
	}

	.ml-30 {
		margin-left: 0;
	}

	.pb-60 {
		padding-bottom: 20px;
	}

	.ptb-140 {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.pt-140 {
		padding-top: 60px;
	}

	.mr-30 {
		margin-right: 0;
	}

	h3 {
		font-size: 18px;
	}

	.others-option {
		display: none;
	}

	.white-shape {
		display: none;
	}

	.eorik-slider-item {
		height: 100%;
		padding-top: 100px;
		padding-bottom: 100px;
	}

	.eorik-slider-item .eorik-slider-text h1 {
		font-size: 55px;
		margin-bottom: 10px;
	}

	.eorik-slider-item .eorik-slider-text span {
		margin-bottom: 28px;
	}

	.eorik-slider-area .owl-theme .owl-nav.disabled+.owl-dots {
		bottom: 0;
	}

	.eorik-slider-area .social-link {
		display: none;
	}

	.check-area {
		position: unset;
		padding-top: 50px;
	}

	.check-form {
		padding: 15px;
	}

	.check-form .check-btn {
		text-align: center;
	}

	.check-content {
		font-size: 25px;
		margin-bottom: 30px;
	}

	.check-content .form-group .form-control {
		font-size: 25px;
	}

	.check-content .form-group .form-control::-webkit-input-placeholder {
		font-size: 25px;
	}

	.check-content .form-group .form-control:-ms-input-placeholder {
		font-size: 25px;
	}

	.check-content .form-group .form-control::-ms-input-placeholder {
		font-size: 25px;
	}

	.check-content .form-group .form-control::placeholder {
		font-size: 25px;
	}

	.check-content .input-group i {
		bottom: -22px;
		font-size: 22px;
	}

	.section-title {
		margin-top: -7px;
		margin-bottom: 30px;
	}

	.section-title span {
		letter-spacing: 5px;
		margin-bottom: 8px;
	}

	.section-title h2 {
		font-size: 30px;
	}

	.explore-img {
		margin-bottom: 30px;
	}

	.explore-content {
		text-align: center;
	}

	.explore-content h2 {
		font-size: 25px;
		margin-bottom: 20px;
	}

	.explore-content .default-btn {
		margin-top: 15px;
	}

	.single-facilities-wrap .single-facilities {
		padding: 15px;
	}

	.incredible-content h2 {
		font-size: 30px;
	}

	.incredible-content h2 span {
		font-size: 50px;
	}

	.incredible-content p {
		color: #ffffff;
		margin-bottom: 30px;
	}

	.single-rooms img {
		position: unset;
		text-align: center;
		margin: 35px auto 0;
		display: block;
		max-width: unset;
	}

	.single-rooms .room-content {
		text-align: center;
		padding-left: 0;
		margin-top: -20px;
		top: 5px;
	}

	.our-rooms-area .industries-list-tab .tab_content,
	.our-rooms-area .industries-list-tab .tabs_item,
	.our-rooms-area .industries-list-tab .our-rooms-wrap,
	.our-rooms-area .industries-list-tab .owl-stage-outer,
	.our-rooms-area .industries-list-tab .owl-stage,
	.our-rooms-area .industries-list-tab .owl-item {
		height: 300px !important;
	}

	.tabs_item .preview-item {
		bottom: 60px;
		right: 0;
		left: 0;
		margin: auto;
		text-align: center;
		font-size: 16px;
	}

	.our-rooms-wrap.owl-theme .owl-nav {
		right: 0;
		left: 0;
		bottom: 5px;
	}

	.single-rooms:last-child {
		margin-bottom: 30px;
	}

	.city-view-area .city-wrap {
		padding: 20px;
	}

	.city-view-area .owl-theme .owl-nav .owl-prev {
		left: -20px;
	}

	.city-view-area .owl-theme .owl-nav .owl-next {
		right: -20px;
	}

	.exclusive-area .exclusive-wrap {
		text-align: center;
	}

	.exclusive-img {
		height: 300px;
		margin-right: 0;
	}

	.exclusive-content {
		margin-left: 0;
	}

	.booking-col-2 {
		max-width: 100%;
		-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
	}

	.single-restaurants {
		padding: 20px;
	}

	.single-testimonials {
		padding: 20px;
	}

	.single-news .news-content-wrap {
		padding: 20px;
		text-align: center;
	}

	.footer-tops-area .subscribe-wrap .newsletter-form .input-tracking {
		width: 100%;
	}

	.footer-tops-area .subscribe-wrap .newsletter-form .default-btn {
		text-align: center;
		margin: 30px auto 0;
		display: table;
	}

	.single-widget h3 {
		margin-bottom: 20px;
		font-size: 22px;
	}

	.single-widget ul li {
		margin-bottom: 10px;
	}

	.go-top.active {
		top: 90%;
		-webkit-transform: translateY(-98%);
		transform: translateY(-98%);
		opacity: 1;
		visibility: visible;
	}

	.footer-bottom-area {
		margin-top: 20px;
		position: relative;
		bottom: 45px;
	}

	.footer-bottom-area .designed {
		text-align: unset;
		text-align: center;
	}

	.footer-bottom-area .copy-right {
		text-align: center;
	}

	.footer-tops-area {
		padding-bottom: 50px;
	}

	.heder-top-area {
		text-align: center;
	}

	.heder-top-area .header-logo {
		display: none;
	}

	.heder-top-area .social-link {
		margin-bottom: 15px;
	}

	.heder-top-area .location {
		float: unset !important;
	}

	.ecorik-banner-area {
		height: 100%;
		padding-top: 150px;
		padding-bottom: 60px;
	}

	.ecorik-banner-area .ecorik-banner-text h1 {
		font-size: 50px;
	}

	.ecorik-banner-area .ecorik-banner-text span {
		margin-bottom: 10px;
	}

	.explore-img-two {
		margin-top: 30px;
		margin-bottom: 0;
	}

	.explore-img-two::before {
		display: none;
	}

	.city-view-area-two .city-wrap {
		border: none;
	}

	.city-view-area {
		padding-bottom: 50px;
	}

	.facilities-area.facilities-area-two {
		padding-top: 50px;
	}

	.our-rooms-area-two {
		padding-bottom: 50px;
	}

	.our-rooms-area-two .col-lg-6:nth-child(5) .single-rooms {
		margin-bottom: 30px;
	}

	.our-rooms-area-two .tab_content {
		margin-top: 30px;
	}

	.our-rooms-area-two .tab_content .tabs_item {
		height: 300px;
	}

	.incredible-area-two .timer {
		display: block;
		background-color: #cc8c18;
	}

	.incredible-area-two .incredible-content h2 {
		margin-bottom: 40px;
	}

	.exclusive-area-two .exclusive-img {
		height: 200px;
	}

	.choose-restaurant-area .choose-restaurant-img {
		height: 300px;
		margin-bottom: 30px;
	}

	.choose-restaurant-area .choose-restaurant-img::before {
		display: none;
	}

	.exclusive-offers-area .exclusive-content {
		margin-bottom: 30px;
		margin-left: 0;
	}

	.exclusive-offers-area .exclusive-content {
		padding: 20px;
	}

	.choose-restaurant-area .choose-tab-wrap .choose-tab .tabs li {
		margin-right: 10px;
		font-size: 15px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

	.choose-restaurant-area .choose-tab-wrap .choose-tab .tabs:before {
		display: none;
	}

	.choose-restaurant-area .choose-tab-wrap .choose-tab .tabs {
		margin-bottom: 5px;
	}

	.testimonials-area-two .testimonials-wrap-two {
		padding: 10px 10px 10px 10px;
	}

	.testimonials-area-two .testimonials-wrap-two .single-testimonials {
		padding: 0;
	}

	.testimonials-area-two .testimonials-wrap-two::before {
		display: none;
	}

	.testimonials-area-two .testimonials-wrap-two::after {
		display: none;
	}

	.map-area #map {
		height: 200px;
	}

	.header-area .eorik-nav-style-two .navbar-area.is-sticky {
		padding: 0;
	}

	.explore-area-three .explore-content h2 {
		font-size: 30px;
	}

	.explore-area-three .explore-img-1 {
		height: 200px;
		margin-top: 30px;
	}

	.explore-area-three .explore-img-2 {
		height: 200px;
		margin-bottom: 0;
	}

	.img {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.restaurant-item .restaurant-img.bg-1 {
		height: 200px;
	}

	.restaurant-item .restaurant-img.bg-2 {
		height: 200px;
	}

	.restaurant-item .restaurant-img.bg-3 {
		height: 200px;
	}

	.restaurant-item .restaurant-img.bg-4 {
		height: 200px;
	}

	.contact-shape {
		display: none;
	}

	.news-area-three .news-content-wrap {
		padding-left: 120px !important;
	}

	.news-area-three .news-content-wrap span {
		top: 30px;
	}

	.customer-area .container-fluid {
		max-width: 540px;
	}

	.customer-area .section-title {
		margin-left: 15px;
		margin-right: 15px;
	}

	.single-rooms-three .single-rooms-three-content {
		padding: 15px;
	}

	.news-area-three .news-content-wrap {
		padding-left: 120px !important;
		padding: 40px;
	}

	.checkout-area .checkout-area .title {
		margin-bottom: 20px;
		font-size: 17px;
	}

	.checkout-area .billing-details {
		padding: 15px;
	}

	.checkout-area .billing-details .form-group {
		margin-bottom: 15px;
	}

	.checkout-area .billing-details .form-group label {
		margin-bottom: 7px;
	}

	.checkout-area .billing-details .form-group .form-control {
		height: 40px;
		line-height: 40px;
	}

	.checkout-area .billing-details .form-group textarea {
		height: 100% !important;
	}

	.checkout-area .billing-details .form-check label {
		top: 2px;
	}

	.checkout-area .order-details {
		margin-top: 30px;
	}

	.checkout-area .order-details .order-table {
		padding: 15px;
	}

	.checkout-area .order-details .order-table table thead tr th {
		white-space: nowrap;
		padding-left: 15px;
		padding-top: 10px;
		padding-right: 15px;
		padding-bottom: 10px;
	}

	.checkout-area .order-details .order-table table tbody tr td {
		white-space: nowrap;
		padding-left: 15px;
		padding-right: 15px;
	}

	.checkout-area .order-details .payment-box {
		padding: 15px;
	}

	.cart-area .cart-table {
		text-align: center;
	}

	.cart-area .cart-table table thead tr th {
		padding: 0 40px 10px;
		white-space: nowrap;
	}

	.cart-area .cart-table table thead tr th:first-child {
		text-align: left;
		padding-left: 0;
	}

	.cart-area .cart-table table tbody tr td {
		white-space: nowrap;
	}

	.cart-area .cart-table table tbody tr td:first-child {
		text-align: left;
		padding-left: 0;
	}

	.cart-area .cart-buttons {
		text-align: center;
	}

	.cart-area .cart-buttons .text-right {
		text-align: center !important;
		margin-top: 0;
	}

	.cart-area .cart-totals {
		padding: 20px;
		margin-top: 35px;
	}

	.cart-area .cart-totals h3 {
		margin-bottom: 18px;
		font-size: 17px;
	}

	.cart-area .cart-totals ul li {
		font-size: 13px;
	}

	.cart-area .cart-totals .default-btn {
		display: block;
		text-align: center;
	}

	.cart-area .checkout-area .title {
		margin-bottom: 20px;
		font-size: 17px;
	}

	.cart-area .billing-details {
		padding: 15px;
	}

	.cart-area .billing-details .form-group {
		margin-bottom: 15px;
	}

	.cart-area .billing-details .form-group label {
		margin-bottom: 7px;
	}

	.cart-area .billing-details .form-group .form-control {
		height: 40px;
		line-height: 40px;
	}

	.cart-area .billing-details .form-group textarea {
		height: 100% !important;
	}

	.cart-area .billing-details .form-check label {
		top: 2px;
	}

	.cart-area .order-details {
		margin-top: 30px;
	}

	.cart-area .order-details .order-table {
		padding: 15px;
	}

	.cart-area .order-details .order-table table thead tr th {
		white-space: nowrap;
		padding-left: 15px;
		padding-top: 10px;
		padding-right: 15px;
		padding-bottom: 10px;
	}

	.cart-area .order-details .order-table table tbody tr td {
		white-space: nowrap;
		padding-left: 15px;
		padding-right: 15px;
	}

	.cart-area .order-details .payment-box {
		padding: 15px;
	}

	.cart-area .cart-area .default-btn {
		display: block;
		text-align: center;
	}

	.cart-area .coupon-wrap {
		padding: 20px !important;
		margin-top: 30px;
	}

	.cart-area .cart-wraps {
		padding: 20px;
	}

	.cart-area .cart-wraps .continue-shopping-box {
		margin-bottom: 20px;
	}

	.cart-area .cart-wraps .default-btn {
		width: 100%;
	}

	.cart-area .coupon-wrap .default-btn {
		width: 100%;
	}

	.product-details-area .product-details-desc {
		margin-top: 25px;
	}

	.product-details-area .product-details-desc h3 {
		font-size: 16px;
	}

	.product-details-area .product-details-desc .price {
		margin-bottom: 13px;
	}

	.product-details-area .product-details-desc .product-review {
		margin-bottom: 13px;
	}

	.product-details-area .product-details-desc .product-review .rating {
		font-size: 13px;
	}

	.product-details-area .products-details-tab {
		margin-top: 30px;
	}

	.product-details-area .products-details-tab .tabs {
		margin-bottom: -11px;
	}

	.product-details-area .products-details-tab .tabs li {
		margin-bottom: 10px;
	}

	.product-details-area .products-details-tab .tabs li a {
		font-size: 12px;
		padding-top: 12px;
		padding-bottom: 12px;
		padding-right: 20px;
		padding-left: 40px;
	}

	.product-details-area .products-details-tab .tabs li a .dot {
		left: 20px;
	}

	.product-details-area .products-details-tab .tab_content {
		padding: 25px 20px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span {
		display: block;
		width: 100%;
		margin-bottom: 2px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 {
		font-size: 16px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i {
		font-size: 13px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn {
		position: relative;
		right: 0;
		top: 0;
		-webkit-transform: unset;
		transform: unset;
		margin-top: 15px;
		display: block;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item {
		padding-right: 0;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i {
		font-size: 13px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 {
		font-size: 15px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span {
		font-size: 12px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link {
		position: relative;
		top: 0;
		margin-top: 15px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .review-rating {
		display: none;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label {
		font-size: 13px;
	}

	.product-details-area .products-details-tab .custom-payment-options .payment-methods a img {
		width: 39px;
	}

	.product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn {
		width: 100%;
	}

	.eorik-slider-area-three::before {
		display: none;
	}

	.eorik-slider-area-four::before {
		display: none;
	}

	.eorik-slider-area-four::after {
		display: none;
	}

	.counter-area::before {
		display: none;
	}

	.customer-area-four::before {
		display: none;
	}

	.customer-area-four::after {
		display: none;
	}

	.incredible-area-four::after {
		display: none;
	}

	.eorik-slider-area-four .ecorik-slider-thumb {
		display: none;
	}

	.eorik-slider-area-four .owl-prev {
		position: absolute;
		top: 80%;
		left: -75%;
	}

	.eorik-slider-area-four .owl-next {
		position: absolute;
		top: 80%;
		right: -75%;
	}

	.restaurants-area-four {
		text-align: center;
	}

	.restaurants-area-four .custom {
		margin-bottom: 30px;
	}

	.restaurants-area-four .restaurants-content h2 {
		font-size: 25px;
	}

	.restaurants-area-four .restaurants-img-height .restaurants-img-2 {
		height: 200px;
	}

	.restaurants-area-four .restaurants-img-height .restaurants-img-1 {
		height: 200px;
		margin-bottom: 30px;
	}

	.singles-facilities {
		padding-left: 0;
		text-align: center;
		margin-bottom: 30px;
	}

	.singles-facilities i {
		position: unset;
		margin-bottom: 20px;
	}

	.city-view-area-four::before {
		display: none;
	}

	.city-view-area-four .city-wrap {
		border: none;
	}

	.our-rooms-area-four .tab.industries-list-tab {
		padding-left: 0;
	}

	.our-rooms-area-four .tabs {
		padding: 20px;
	}

	.exclusive-offers-area-four .exclusive-content {
		margin-left: 0;
	}

	.customer-area-four .customer-wrap-four {
		border: none;
	}

	.our-rooms-area-four {
		padding-bottom: 0;
	}

	.customer-area.customer-area-four {
		padding-bottom: 50px;
	}

	.news-area-four .news-img {
		height: 200px;
	}

	.news-area-four .news-img.bg-1 {
		margin-left: -15px;
	}

	.news-area-four .news-content-wrap {
		margin-right: -15px;
	}

	.facilities-area-four {
		padding-bottom: 20px;
	}

	.exclusive-offers-area-four .exclusive-content ul li:last-child {
		padding-left: 0 !important;
	}

	.check-area-four .check-form {
		padding: 50px 30px !important;
	}

	.restaurants-area-four .container-fluid {
		max-width: 540px;
		margin: auto;
	}

	.facilities-area-five .facilities-single-bg {
		width: 100%;
		height: 300px;
		position: unset;
	}

	.explore-area-five .mb-30 {
		margin-bottom: 0;
	}

	.explore-area-five .explore-gallery {
		border: none;
	}

	.explore-area-five .explore-gallery.bg-2 {
		height: 200px;
		margin-top: 30px;
		margin-bottom: 0;
	}

	.booking-area-five {
		background-color: #eeeeee;
		background-image: unset;
	}

	.booking-area-five::before {
		display: none;
	}

	.booking-area-five .booking-col-2 {
		padding: 0 15px;
	}

	.booking-area-five .booking-bottom-title {
		margin-top: 0;
	}

	.counter-area-five {
		margin-top: 50px;
	}

	.city-view-area-five .container {
		padding-top: 50px;
	}

	.city-view-area-five .container .tabs li {
		margin-right: 14px;
	}

	.city-view-area-five .container .tabs:before {
		display: none;
	}

	.city-view-area-five .container .tabs {
		padding-bottom: 0;
	}

	.city-view-area-five .container .tabs li {
		padding-bottom: 5px;
		margin-bottom: 10px;
		font-size: 15px;
	}

	.city-view-area-five .container .tabs {
		margin-bottom: 0;
		margin: 0 auto 60px;
	}

	.city-view-area-five .choose-tab {
		padding-bottom: 50px;
	}

	.city-view-area-five .container::before {
		height: 265px;
	}

	.facilities-area-five .facilities-right-wrap {
		padding-left: 15px;
		border-radius: 0;
	}

	.city-view-area.city-view-area-five {
		padding-bottom: 0;
	}

	.subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form .input-tracking {
		width: 100%;
	}

	.subscribe-area {
		border-radius: 0;
	}

	.subscribe-area h2 {
		text-align: center;
		margin-bottom: 20px;
		font-size: 25px;
	}

	.subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form .default-btn.active.disabled {
		right: 15px;
	}

	.eorik-slider-area-five {
		border-radius: 0 0 50px 50px;
		overflow: hidden;
	}

	.exclusive-offers-area-five .exclusive-content {
		margin-left: 0;
	}

	.eorik-slider-area-three .owl-prev {
		left: 25px !important;
		top: 90%;
	}

	.eorik-slider-area-three .owl-next {
		right: 25px !important;
		top: 90%;
	}

	.customer-area .owl-theme .owl-nav.disabled+.owl-dots {
		margin-top: 0 !important;
	}

	.contact-us-area .contact-content h3 {
		margin-bottom: 20px;
	}

	.contact-us-area .contact-content p {
		margin-bottom: 25px;
	}

	.eorik-slider-area-five .owl-prev {
		top: 90%;
		left: 10px;
	}

	.eorik-slider-area-five .owl-next {
		top: 90%;
		right: 20px;
	}

	.coming-soon-area .coming-soon-content {
		height: 100%;
	}

	.coming-soon-area .coming-soon-content h1 {
		font-size: 40px;
		line-height: 1.1;
		margin-top: 0;
	}

	.coming-soon-area .coming-soon-content p {
		font-size: 13px;
		margin-top: 15px;
	}

	.coming-soon-area .coming-soon-content #timer {
		margin-top: 20px;
	}

	.coming-soon-area .coming-soon-content #timer div {
		font-size: 40px;
		margin-left: 8px;
		margin-right: 8px;
	}

	.coming-soon-area .coming-soon-content #timer div span {
		font-size: 14px;
		margin-top: -5px;
	}

	.coming-soon-area .coming-soon-content #timer div::before {
		display: none;
	}

	.coming-soon-area .coming-soon-content .newsletter-form {
		margin-top: 35px;
	}

	.coming-soon-area .coming-soon-content .newsletter-form .input-newsletter {
		height: 55px;
		padding-left: 13px;
		font-size: 15px;
	}

	.coming-soon-area .coming-soon-content .newsletter-form button {
		position: relative;
		height: auto;
		padding: 14px 30px;
		font-size: 14px;
		margin-top: 15px;
	}

	.error-area {
		padding: 70px 0;
	}

	.error-area .error-content-wrap p {
		margin: 15px 0 20px;
	}

	.error-area .error-content-wrap h1 {
		font-size: 150px;
	}

	.news-details-area .blog-details-desc .article-content .entry-meta ul li {
		display: block;
		font-size: 15px;
		margin-right: 0;
		margin-bottom: 5px;
	}

	.news-details-area .blog-details-desc .article-content .entry-meta ul li::before {
		display: none;
	}

	.news-details-area .blog-details-desc .article-content h3 {
		line-height: 1.5;
		margin-bottom: 10px;
		margin-top: 20px;
	}

	.news-details-area .blog-details-desc .article-content p {
		font-size: 15px;
	}

	.news-details-area .blog-details-desc .article-content .features-list li {
		font-size: 15px;
	}

	.news-details-area .widget-area .widget {
		padding: 0;
	}

	.news-details-area blockquote {
		padding: 30px !important;
	}

	.news-details-area blockquote p {
		font-size: 16px !important;
	}

	.news-details-area .blockquote {
		padding: 30px !important;
	}

	.news-details-area .blockquote p {
		font-size: 16px !important;
	}

	.news-details-area .comments-area {
		padding: 20px;
	}

	.news-details-area .comments-area .comment-author {
		font-size: 15px;
		margin-bottom: 0.3em;
	}

	.news-details-area .comments-area .comment-author .avatar {
		left: 0;
		position: relative;
		display: block;
		margin-bottom: 10px;
	}

	.news-details-area .comments-area .comment-body {
		padding-left: 0;
	}

	.news-details-area .comments-area .comments-title {
		font-size: 19px;
	}

	.news-details-area .comments-area .comments-title::before {
		left: -20px;
	}

	.news-details-area .comments-area .comment-metadata {
		font-size: 12px;
	}

	.news-details-area .comments-area .comment-respond .comment-reply-title {
		font-size: 19px;
	}

	.news-details-area .comments-area .comment-respond .comment-reply-title::before {
		left: -20px;
	}

	.news-details-area .comments-area .comment-respond .comment-form-author {
		width: 100%;
		padding-right: 0;
	}

	.news-details-area .comments-area .comment-respond .comment-form-email {
		width: 100%;
		padding-left: 0;
	}

	.news-details-area .comments-area .comment-respond .form-submit input {
		padding: 12px 25px 10px;
	}

	.news-details-area .widget-area .widget:first-child {
		margin-top: 35px;
	}

	.page-title-area {
		padding-top: 150px;
		padding-bottom: 100px;
	}

	.page-title-area .page-title-content h2 {
		margin-bottom: 0;
	}

	.faq-img {
		height: 200px;
		margin-top: 30px;
	}

	.ask-question {
		padding: 20px;
	}

	.page-navigation-area {
		margin-top: 0;
	}

	.woocommerce-result-count {
		text-align: center;
		margin-bottom: 20px;
	}

	.order-table.table-responsive {
		margin-top: 30px;
	}

	.testimonials-area-inner {
		overflow: hidden;
	}

	.user-area-all-style .contact-form-action {
		padding: 20px;
	}

	.user-area-all-style .contact-form-action .form-heading .form-title {
		font-size: 25px;
	}

	.user-area-all-style .contact-form-action .form-heading .form-desc {
		font-size: 15px;
	}

	.user-area-all-style .contact-form-action .default-btn {
		display: block;
		width: 100%;
	}

	.user-area-all-style .contact-form-action .agree-label {
		text-align: center;
	}

	.user-area-all-style .contact-form-action .forget {
		float: unset;
		float: unset;
		margin-bottom: 30px;
		text-align: center;
		display: block;
	}

	.user-area-all-style .contact-form-action .now-register {
		float: unset;
		margin-top: 10px;
	}

	.user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn {
		margin-bottom: 30px;
	}

	.book-table-area-three {
		overflow: hidden;
	}

	.book-table-area-three .books-froms {
		max-width: 100%;
		margin-left: auto;
		margin-right: 0;
	}

	.book-table-area-three .book-from {
		padding: 50px 15px;
	}

	.book-table-area-three .contact-info {
		max-width: 100%;
		margin-left: 15px;
		margin-right: 15px;
	}

	.book-table-area-three .contact-info-wrap {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	.book-table-area-three .container-fluid {
		max-width: 520px;
	}

	.book-table-area-three .contact-info-wrap::after {
		display: none;
	}

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

	.service-details-wrap .car-service-list-wrap .car-service-list ul li {
		display: block;
	}

	.service-details-area {
		overflow: hidden;
	}

	.service-details-wrap.service-right {
		margin-bottom: 30px;
	}

	.single-exclusive-four img {
		width: 100%;
	}

	.paint {
		margin-bottom: 20px;
	}

	.news-details-desc {
		margin-top: 35px;
	}

	.main-contact-area .contact-wrap .contact-form {
		padding: 20px;
	}

	.contact-wrap.contact-pages {
		margin-bottom: 30px;
	}

	.check-area-four .check-form {
		padding: 50px 0 !important;
	}

	.eorik-slider-area-four.eorik-slider-area .owl-theme .owl-nav.disabled+.owl-dots {
		bottom: 20px;
	}

	.eorik-slider-item .eorik-slider-text.eorik-slider-text-one {
		margin-top: 0;
	}

	.product-details-area .product-details-desc .product-add-to-cart .default-btn {
		padding: 7px 12px;
	}

	.city-content {
		text-align: center;
	}

	.single-restaurants span {
		letter-spacing: 5px;
	}

	.check-content .input-group i {
		bottom: 4px;
		font-size: 22px;
	}

	.choose-tab-wrap {
		text-align: center;
	}

	.exclusive-offers-area .exclusive-content {
		text-align: center;
	}

	.booking-area-five .section-title {
		text-align: center;
	}

	.booking-area-five .booking-bottom-title {
		text-align: center;
	}

	.facilities-area-five .col-lg-4.col-sm-6 {
		padding-right: 25px !important;
	}

	.news-details-area .widget-area {
		margin-left: 0;
	}

	.service-sidebar-area {
		margin-right: 0;
	}

	.news-details-area.left-sidebar .widget-area {
		margin-left: 0;
		margin-right: 0;
	}

	.single-restaurants.bg-1 {

		height: 328px;
	}

	.single-restaurants.bg-2 {

		height: 328px;
	}

	.single-restaurants.bg-3 {

		height: 328px;
	}

	.single-restaurants.bg-4 {

		height: 328px;
	}

	.single-restaurants.bg-5 {

		height: 328px;
	}

	.single-restaurants.bg-6 {

		height: 328px;
	}

	.service-sidebar-area .service-list ul li .service-tab {

		font-size: 12px;

	}

	.footer-3 .footer-bottom {
		position: relative;
		bottom: 45px;
	}

	.footer-3 .footer3_padding {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.footer__contact-list .info-contact {
		margin-bottom: 10px;
		word-break: break-all;
	}

	.video-wrapper.video-1 .video-right {
		margin-top: 0;
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
	}

	.video-right {
		width: auto;
		height: 240px;
		margin-bottom: 60px;
	}

	.video-right::after {
		display: none;
	}

	.tj-single-info .tj-body .content a {

		word-break: break-all;
	}

	.hamburger_bottom .contact_info .info_list li .item_inner .text a {

		word-break: break-all;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-info-bg img {
		object-fit: cover;

		width: 100%;
		height: auto;
	}

	.service__details-wrapper .service_details_left .service-details__benefits .tj-info-bg {
		height: auto;
	}

	.section-padding {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}




@media only screen and (min-width: 320px) and (max-width: 991px) {



	.dsk-sdr {

		display: none;

	}
}

@media (min-width: 992px) and (max-width:2500px) {


	.slider-container {


		/* display: none; */
	}
}

@media only screen and (max-width:991px) and (min-width:650px) {


	.slider-container {

		/* max-width: 100%;
		height: 600px;
		overflow: hidden;

		display: flex;
		align-items: center;
		justify-content: center; */
	}

	.slide-image {


		/* object-fit: none; */

		background-size: cover;



	}

	.slider-container .content {


		top: 198px;

	}

	.slider-container .title {
		font-size: 38px;

	}

}

@media (min-width:320px) and (max-width:650px) {


	.prev,
	.next {
		cursor: pointer;
		position: absolute;
		top: 14%;
		padding: 16px;
		color: white;
		font-weight: bold;
		font-size: 18px;
		transition: 0.6s ease;
		user-select: none;
	}

}