/**
	TT Extension Media CSS
*/

/* ----------------------- Start Section Title --------------------- */

@media(max-width:1500px) {
	.tt-section-sab {
		font-size: 12px;
	}
	.section-heading {
		font-size: 28px;
	}
}
@media(max-width:1400px) {
	.section-heading {
		font-size: 26px;
	}
}
@media(max-width:1199px) {
	.section-heading {
		font-size: 24px;
	}
}
@media(max-width:767px) {
	.tt-section-sab {
		padding: 6px 20px;
		font-size: 11px;
		margin: 0 0 10px;
	}
	.section-heading {
		margin: 0 0 10px;
	}
	.tt-section-title p {
		font-size: 13px;
	}
}
@media(max-width:575px) {
	.tt-section-sab{
		font-size: 10px;
	}
	.section-heading {
		font-size: 22px;
	}
}

/* ----------------------- End Section Title --------------------- */

/*-------------- Start Category Gallery ---------------*/

@media(max-width:1500px) {
	#gallary_tabs .category-name-wrap li a {
		font-size: 24px;
	}
}

@media(max-width:1400px) {
	.category-gallery-wrap .category-gallary .cat-img {
		padding: 0;
	}

	.category-url.cat-img-0 img {
		max-height: 400px;
		max-width: 300px;
	}

	.category-url.cat-img-1 img {
		max-height: 250px;
		max-width: 180px;
	}

	.category-url.cat-img-2 img {
		max-height: 170px;
		max-width: 170px;
	}

	.category-url.cat-img-3 img {
		max-height: 380px;
		max-width: 280px;
	}

	.category-url.cat-img-4 img {
		max-height: 190px;
		max-width: 180px;
	}

	.category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
		margin: 30px 0 0 20px;
	}

	.category-gallary-title .section-heading {
		margin: 0 0 10px;
	}

	.category-gallary-title .tt-section-sab {
		font-size: 11px;
		padding: 8px 28px;
		margin: 0 0 10px;
	}

	#gallary_tabs .category-name-wrap li a {
		font-size: 22px;
	}

	#gallary_tabs .category-name-wrap li {
		margin: 0 0 20px;
	}
}

@media(max-width:1199px) {
	.category-gallary-title .tt-section-sab {
		font-size: 10px;
		padding: 6px 20px;
	}

	.category-gallary-title .tt-section-title p {
		font-size: 13px;
	}

	#gallary_tabs .category-name-wrap li a {
		font-size: 20px;
	}

	.category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
		bottom: 8%;
	}

	.category-url.cat-img-0 img {
		max-height: 340px;
		max-width: 250px;
	}

	.category-url.cat-img-1 img {
		max-height: 220px;
		max-width: 160px;
	}

	.category-url.cat-img-2 img {
		max-height: 150px;
		max-width: 150px;
	}

	.category-url.cat-img-3 img {
		max-height: 350px;
		max-width: 260px;
	}
}

@media(max-width:991px) {
	.category-url.cat-img-0 img {
		max-height: 270px;
		max-width: 200px;
	}
	.category-url.cat-img-1 img {
		max-height: 170px;
		max-width: 120px;
	}
	.category-url.cat-img-2 img {
		max-height: 130px;
		max-width: 130px;
	}
	.category-url.cat-img-3 img {
		max-height: 270px;
		max-width: 200px;
	}
	.category-url.cat-img-4 img {
		max-height: 170px;
		max-width: 160px;
	}
	#gallary_tabs .category-button a {
		font-size: 15px;
	}
}

@media(max-width:767px) {
	.category-url.cat-img-0 img {
		max-height: 200px;
		max-width: 150px;
	}

	.category-url.cat-img-1 img {
		max-height: 140px;
		max-width: 100px;
	}

	.category-url.cat-img-2 img {
		max-height: 110px;
		max-width: 110px;
	}

	.category-url.cat-img-3 img {
		max-height: 220px;
		max-width: 160px;
	}

	.category-url.cat-img-4 img {
		max-height: 150px;
		max-width: 140px;
	}

	.category-gallary-title .section-heading {
		font-size: 20px;
		margin: 0 0 8px;
	}

	.category-gallary-title .section-heading .tt-section-title p {
		font-size: 12px;
	}

	.category-gallary-title .tt-section-sab {
		font-size: 10px;
		padding: 5px 18px;
	}

	#gallary_tabs .category-name-wrap li a {
		font-size: 16px;
	}

	#gallary_tabs .category-button a {
		font-size: 12px;
	}

	#gallary_tabs {
		padding: 30px 0;
	}
}

@media(max-width:575px) {
	.category-gallary-title .tt-section-sab {
		display: none;
	}

	.category-gallary-title .section-heading {
		font-size: 16px;
		margin: 0 0 8px;
	}

	.category-gallary-title .tt-section-title p {
		font-size: 11px;
	}

	#gallary_tabs .category-gallary-title .tt-section-title {
		margin: 0 0 20px;
	}

	#gallary_tabs .category-name-wrap {
		margin: 0 0 10px;
	}

	#gallary_tabs .category-name-wrap li a {
		font-size: 15px;
	}

	.category-gallery-wrap .category-gallary .cat-right .cat-img-4 {
		bottom: 15%;
	}

	.category-url.cat-img-0 img {
		max-height: 190px;
		max-width: 140px;
	}

	.category-url.cat-img-1 img {
		max-height: 125px;
		max-width: 90px;
	}

	.category-url.cat-img-2 img {
		max-height: 100px;
		max-width: 100px;
	}

	.category-url.cat-img-3 img {
		max-height: 190px;
		max-width: 160px;
	}

	.category-url.cat-img-4 img {
		max-height: 120px;
		max-width: 120px;
	}

	.category-gallery-wrap .category-gallary .cat-left .cat-img-2 {
		margin: 20px 0 0 15px;
	}

	#gallary_tabs .category-name-wrap li {
		margin: 0 0 10px;
	}
	#gallary_tabs {
		padding: 0;
	}
}

@media(max-width:460px) {
	#gallary_tabs .category-gallary-title {
		position: relative;
		float: left;
		width: 100%;
		z-index: 1;
	}
	#gallary_tabs .category-gallery-wrap {
		position: absolute;
		top: auto;
		bottom: 25%;
		right: 0;
		left: 0;
	}
	.category-gallery-wrap .category-gallary .cat-left .cat-img-2,
	.category-gallary-title .tt-section-title p,
	.category-gallery-wrap .category-gallary .cat-right .cat-img-4,
	.category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
		display: none;
	}
	.category-gallery-wrap .category-gallary .cat-left .cat-img-1 {
		position: static;
		text-align: center;
		margin: 10px 0 0;
	}
	.category-url.cat-img-0 img {
		max-height: 130px;
		max-width: 90px;
	}
	.category-gallery-wrap .category-gallary .cat-img .category-url {
		text-align: center;
	}
	.category-gallery-wrap .category-gallary .cat-right .cat-img-3 {
		float: left;
	}
	.category-url.cat-img-3 img {
		max-height: 140px;
		max-width: 90px;
	}
	.category-gallary-title .section-heading {
		font-size: 18px;
	}
	#gallary_tabs .category-name-wrap li a {
		font-size: 14px;
	}
}

/*-------------- End Category Gallery ---------------*/

/* --------------- Start Banner block ------------------- */

@media(max-width:1400px) {
	.banner-style-3 .tt-banner .banner-text .banner-sub-title {
		font-size: 16px;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}

	.banner-style-3 .tt-banner .banner-text .banner-title {
		font-size: 25px;
	}

	.banner-style-3 .tt-banner .banner-text .banner-content {
		font-size: 15px;
	}

	.banner-style-3 .tt-banner .banner-text .button-banner {
		margin: 12px 0 0;
	}

	.banner-style-3 .tt-banner .banner-text .button-banner a {
		font-size: 13px;
	}

	.banner-style-3 .tt-banner .banner-text.nora-icon-left {
		top: 0;
		bottom: 0;
	}

	.banner-style-3 .tt-banner .banner-text.nora-icon-right {
		right: 10px;
	}
}

@media(max-width:1199px) {
	.tt-banner .banner-text .banner-title {
		font-size: 28px;
	}
	.tt-banner .banner-text .banner-sub-title {
		font-size: 14px;
		margin: 0 0 12px;
		padding: 0 0 12px;
	}
	.tt-banner .banner-text a.banner-button {
		font-size: 12px;
	}

	.banner-style-3 .tt-banner .banner-text .banner-content {
		font-size: 14px;
	}

	.banner-style-3 .tt-banner .banner-text .banner-sub-title {
		font-size: 14px;
	}
	.tt-banner .banner-text .button-banner-wrap{
		margin: 10px 0 0;
	}
	.banner5-03 .tt-banner .banner-text.tt-icon-top{
		padding-left: 30px;
	}
	.tt-banner .banner-text .button-banner-wrap.rectangle-button .button-banner{
		width: 100px;
		height: 35px;
	}

}

@media(min-width:992px) and (max-width:1199px) {
	.banner-style-3 .tt-banner .banner-text .banner-title {
		font-size: 20px;
	}
}

@media(max-width:991px) {
	.tt-banner .banner-text .banner-title {
		font-size: 23px;
	}
	.tt-banner .banner-text .banner-sub-title,
	.tt-banner .banner-text .banner-content {
		font-size: 12px;
	}
	.tt-banner .banner-text .button-banner {
		height: 55px;
		width: 55px;
	}
	.banner-style-3 .tt-banner .banner-text .button-banner a {
		font-size: 12px;
	}
	.tt-banner .banner-text .button-banner-wrap {
		margin: 10px 0 0;
	}
	.tt-banner .banner-text a.banner-button {
		font-size: 11px;
	}
	.product-trending .owl-carousel .owl-nav,
	.product-category .owl-carousel .owl-nav {
		margin: 0;
	}
	.testimonial-02 .owl-item{
		opacity: 1;
	}
	.banner-background .tt-banner .banner-text .banner-content{
		padding: 6px 15px;
		font-size: 10px;
	}
	.banner-background .tt-banner .banner-text .banner-title {
		margin: 0 0 10px;
	}
	.banner-sep .tt-banner .banner-text.tt-icon-top .banner-sub-title{
		padding: 0 0 8px;
		margin: 0 0 8px;
	}
	.banner5-02 .tt-banner .banner-text.tt-icon-top .banner-content {
		margin: 0 0 10px;
	}
	.tt-banner .banner-text .button-banner-wrap.rectangle-button .button-banner{
		width: 90px;
		height: 30px;
	}
	.tt-banner .banner-text .button-banner-wrap.rectangle-button a.banner-button{
		font-size: 10px;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.banner-style-3 .tt-banner .banner-text .banner-sub-title {
		font-size: 13px;
		margin: 0 0 6px;
		padding: 0 0 6px;
	}
	.tt-banner .banner-text .button-banner-wrap.rectangle-button{
		margin: 0;
	}
	.banner-style-3 .tt-banner .banner-text .banner-title {
		font-size: 19px;
		margin: 0 0 6px;
	}

	.banner-style-3 .tt-banner .banner-text .banner-content {
		font-size: 13px;
	}

	.banner-style-3 .tt-banner .banner-text .button-banner {
		height: 55px;
		width: 55px;
	}
}

@media(max-width:767px) {
	.tt-banner {
		text-align: center;
	}
	.tt-banner .banner-text .banner-sub-title {
		margin: 0 0 8px;
		padding: 0 0 8px;
	}
	.banner-style-3 .tt-banner .banner-text.nora-icon-left,
	.banner-style-3 .tt-banner .banner-text.nora-icon-right {
		width: 55%;
	}
	.banner-style-3 .tt-banner .banner-text.nora-icon-left {
		left: 5px;
	}
	.tt-banner .banner-text a.banner-button {
		font-size: 10px;
	}
	.banner5-01 .tt-banner .banner-text.tt-icon-top,
	.banner5-02 .tt-banner .banner-text.tt-icon-top,
	.banner5-03 .tt-banner .banner-text.tt-icon-top{
		padding: 0 15px;
	}
	.tt-banner .banner-text .button-banner-wrap.rectangle-button .button-banner{
		width: 75px;
	}
	.banner-sep .tt-banner .banner-text.tt-icon-top .banner-sub-title{
		font-size: 11px;
	}
	.banner5-02 .tt-banner .banner-text.tt-icon-top .banner-content {
		margin: 0 0 8px;
	}
}

@media(max-width:480px) {
	.tt-banner .banner-text .banner-title {
		font-size: 20px;
		margin: 0;
	}
	.tt-banner .banner-text.tt-icon-left{
		width: 50%;
	}
	.tt-banner .banner-text .banner-content {
		display: none;
	}

	.tt-banner .banner-text .banner-sub-title {
		font-size: 11px;
	}

	.tt-banner .banner-text .banner-sub-title {
		padding: 0 0 5px;
		margin: 0 0 5px;
	}

	.tt-banner .banner-text.nora-icon-top .banner-title {
		margin: 0 0 10px;
	}

	.tt-banner .banner-text.nora-icon-right {
		right: 10px;
	}

	.banner-style-3 .tt-banner .banner-text .banner-title {
		font-size: 18px;
	}
}

/* --------------- End Banner block ------------------- */

/*---------------- Start Service Block -------------- */

@media(max-width: 767px) {
	.tt-feature-box{
		padding: 0 20px;
	}
}
@media(max-width:480px) {
	.tt-feature-box {
		margin: 20px 0;
	}
	.tt-feature-box .tt-feature-box-containt p{
		font-size: 13px;
	}
}

/*---------------- End Service Block -------------- */

/*---------------  Start Portfolio ------------------*/

@media(max-width:1366px){
	.portfolio-grid.Portfolio-style-1 a, .portfolio-grid.Portfolio-style-2 a{
		margin: 0 0 28px 0;
	}
}
@media(max-width:991px){
	.portfolio-grid.Portfolio-style-1 a span, .portfolio-grid.Portfolio-style-2 a span{
		font-size: 18px;
	}
}
@media(max-width:767px){
	.portfolio-grid.Portfolio-style-1 a span,.portfolio-grid.Portfolio-style-2 a span{
		font-size: 16px;
	}
}

/*---------------  End Portfolio ------------------*/

/* ---------------- Start testimonial block ------------- */
@media(max-width:1400px) {
	.testimonial-wrap .testimonial-info-wrapper .testimonial-details {
		width: 90%;
	}

	.tt-testimonial {
		margin: 50px 0;
	}
}

@media(max-width:1199px) {
	.testimonial-wrap .testimonial-info-wrapper .testimonial-title {
		font-size: 28px;
		margin: 0 0 15px;
	}

	.testimonial-wrap .testimonial-info-wrapper::before {
		font-size: 28px;
	}

	.testimonial-wrap .testimonial-info-wrapper {
		padding-top: 50px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-details {
		width: 95%;
		margin: 0 0 25px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
		font-size: 13px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-author {
		font-size: 15px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-info .testimonial-designation {
		font-size: 13px;
	}

	.tt-testimonial.owl-carousel .owl-nav button svg {
		font-size: 18px;
	}

	.tt-testimonial.owl-carousel button.owl-dot.active::before {
		font-size: 17px;
	}

	.tt-testimonial.owl-carousel .owl-dots::after {
		font-size: 13px;
	}

	.tt-testimonial.owl-carousel .owl-dots,
	.tt-testimonial.owl-carousel .owl-nav button {
		bottom: 8%;
	}

	.tt-testimonial {
		margin: 60px 0;
	}
	.testimonial-wrap.testimonial-style-02 .testimonial-info-wrapper .testimonial-details{
		width: 80%;
	}
}

@media(max-width:991px) {
	.testimonial-wrap .testimonial-info-wrapper .testimonial-title {
		font-size: 24px;
		margin: 0 0 10px;
	}

	.testimonial-wrap .testimonial-info-wrapper::before {
		font-size: 24px;
	}

	.testimonial-wrap .testimonial-info-wrapper {
		padding: 40px 0 20px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-details p {
		font-size: 12px;
	}

	.testimonial-wrap .testimonial-info-wrapper .testimonial-details {
		margin: 0 0 15px;
		line-height: 25px;
	}

	.tt-testimonial.owl-carousel .owl-dots,
	.tt-testimonial.owl-carousel .owl-nav button {
		bottom: 0;
	}
	.testimonial-wrap.testimonial-style-02 .testimonial-info-wrapper .testimonial-info .testimonial-designation, 
	.testimonial-wrap.testimonial-style-02 .testimonial-info-wrapper .testimonial-info .testimonial-author{
		font-size: 16px;
	}
}

@media(max-width:767px) {
	.testimonial-wrap {
		flex-direction: column-reverse;
	}

	.testimonial-img {
		margin: 0 0 20px;
	}

	.tt-testimonial.owl-carousel .owl-dots,
	.tt-testimonial.owl-carousel .owl-nav button {
		bottom: 0;
	}

	.tt-testimonial {
		margin: 40px 0;
	}

	.testimonial-wrap .testimonial-info-wrapper {
		padding: 40px 0;
	}
	.testimonial-wrap.testimonial-style-02{
		padding: 0 0 40px;
	}
}

@media(max-width:575px) {
	.tt-testimonial {
		margin: 30px 0 40px;
	}
	.testimonial-wrap.testimonial-style-02 .testimonial-info-wrapper .testimonial-details{
		width: 100%;
	}
	.testimonial-wrap.testimonial-style-02{
		padding: 0 0 30px;
	}
}

/* ---------------- End testimonial block ------------- */

/*------------- Start Banner Timer ------------------*/

@media(max-width:1400px) {

	.banner-timer .timer-head {
		font-size: 30px;
	}

	.banner-timer .timer-datetime {
		width: 290px;
		height: 45px;
		font-size: 16px;
		margin: 10px 0 0;
	}

	.banner-timer .timer-content {
		font-size: 14px;
	}

	.page .banner-timer .timer-button {
		width: 120px;
		height: 35px;
		font-size: 13px;
	}
}
@media(max-width:1199px) {
	.banner-timer .timer-head {
		font-size: 25px;
	}
	.banner-timer .timer-datetime {
		width: 270px;
		height: 38px;
	}
	.banner-timer .timer-content {
		font-size: 12px;
	}
	.banner-timer .timer-content {
		width: 55%;
	}
	.tt-banner .banner-text .banner-content{
		font-size: 14px;
	}
}

@media(min-width:768px) and (max-width:1199px) {
	.page .banner-timer .timer-button {
		width: 100px;
		height: 30px;
		font-size: 12px;
	}
}

@media(max-width:991px) {
	.banner-timer .timer-content {
		margin: 10px 0 0;
	}
}

@media(min-width:768px) and (max-width:991px) {
	.banner-timer .timer-head {
		font-size: 20px;
	}

	.banner-timer .timer-datetime {
		width: 200px;
		height: 30px;
		font-size: 14px;
		margin: 5px 0 0;
	}

	.page .banner-timer .timer-button {
		margin: 8px 0 0;
	}
}

@media(max-width:767px) {

	.banner-timer {
		padding: 10% 0;
	}

	.banner-timer .timer-content {
		margin: 15px 0 0;
		font-size: 15px;
		width: 35%;
	}
}

@media(max-width:480px) {

	.banner-timer .timer-head {
		font-size: 22px;
	}

	.banner-timer .timer-datetime {
		width: 230px;
		height: 35px;
		font-size: 15px;
	}

	.banner-timer .timer-content {
		margin: 15px 0 0;
		font-size: 14px;
		width: 50%;
	}
}

/*------------- End Banner Timer ------------------*/

/* --------------- Start owl block ---------------- */

@media(min-width:992px) {
	.owl-carousel .owl-nav {
		opacity: 0;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	}

	.owl-carousel:hover .owl-nav {
		opacity: 1;
		transition: all 400ms ease-in-out 0s;
		-webkit-transition: all 400ms ease-in-out 0s;
		-moz-transition: all 400ms ease-in-out 0s;
		-o-transition: all 400ms ease-in-out 0s;
		-ms-transition: all 400ms ease-in-out 0s;
	}
}

/* --------------- End owl block ---------------- */