@charset "utf-8";
/* CSS Document */


/* 
  ##Device = Desktops
  ##Screen = 1281px to higher resolution desktops
*/

@media (min-width: 768px) {
  

  
}
@media (min-width: 2200px) {
    .container{ max-width: 1980px !important; }
    p{ font-size: 22px; line-height: 35px; }
    
    .itms-innr {
    min-width: 400px;
    max-width: 400px;
    min-height: 400px;
    max-height: 400px; 
    padding: 0;
}
.connectdot-items h1 { font-size: 55px; }
.hdrtxt p{ font-size: 24px; }
}
@media (min-width: 1920px) {
    .container{ max-width: 1800px !important; }
    p{ font-size: 18px; }
    
    .nav__menu li a { font-size: 17px !important; }
    .hdrtxt p{ font-size: 20px; }
    .itms-innr {
    min-width: 400px;
    max-width: 400px;
    min-height: 400px;
    max-height: 400px; 
    padding: 0;
}
.connectdot-items h1 { font-size: 50px; }
.card-container { min-height: 530px; }
.flip-card-front, .flip-card-back { min-height: 530px; }
.flip-box-front, .flip-box-back { min-height: 300px; }
.client-img { width: 100%; }
.csrcarousel .item { height: 400px; }

.studiocarousel .item { height: 530px; }
.stnblclnt-item { max-height: 315px; }
.cntct-item h4 { font-size: 20px; }
.cntct-item p { font-size: 24px; line-height: 32px; }
.map-form-sec .ftr-map { height: 450px; }
.products-pg .prodct-img { min-height: 625px; }
}

@media (min-width: 992px) {

  .mob-view{display: none;}

}

@media (min-width: 1200px) {
	.container{
		max-width: 1280px;
		width: 100%;
		
	}
}
@media (max-width: 1400px){
	.container{
		max-width: 1140px !important;
		width: 100%;
    padding-right: 45px;
    padding-left: 45px;
	}
	.bannrr-rw { margin-left: -10px; }
	.itms-innr {
    min-width: 270px;
    max-width: 270px;
    min-height: 270px;
    max-height: 270px; 
    padding: 0;
}
.itms-innr img{max-height:100px;}
.ps-timeline-sec .container ol.ps-timeline li:nth-child(3) p{ left: 15%;}
}

@media (min-width: 1600px) {
	

 
}


@media (max-width: 1600px){

}
@media (max-width: 1200px) {
}

@media (max-width: 1024px) {
    .container{ padding-right: 60px; padding-left: 60px; }
    .nav__container { padding: 0 25px !important; }
    .nav__menu li {padding: 0 12px; }
    .login-btn {
    width: 115px;
    height: 42px;}
    h2.sectitle { font-size: 34px; line-height: 45px; }
    .hdrtxt p {font-size: 16px; padding-top: 30px; }
    
    .hmbanner { min-height: 55vh; }
    .bannrr-rw { margin-left: -15px;}
    .itms-innr {
    min-width: 210px;
    max-width: 210px;
    min-height: 210px;
    max-height: 210px;
    padding: 0;
    }
    .fly-in-text { font-size: 35px; }
    .connectdot-items h1 { font-size: 35px; line-height: 52px; }
    .section { padding: 60px 0; }
    .abtgrditm {padding-right: 10px;
    padding-left: 10px;
    -ms-flex: 0 0 19.656%;
    flex: 0 0 19.9%;
    max-width: 19.9%;
}
.abticn-img { min-height: 64px; }
.abtgrd-icntle h3 { font-size: 16px;}
.abtgrd-pts ul li { font-size: 15px; }
    .abtcard-num p { font-size: 34px; }
    .card-container { min-height: 350px; }
    .modalimgviewer { min-height: 350px; }
    .flip-card-front, .flip-card-back { min-height: 350px; }
    .studio-con h3 { font-size: 28px; line-height: 36px; }
    .client-img {
    padding: 15px;
    height: 130px;
    width: 100%; }
    .csrgrd h3 { font-size: 24px; margin-bottom: 15px; line-height: 38px; }
    
    .innerbanner { min-height: 450px; }
    .innerbanner-bgimg { min-height: 450px; }
    .innerbanner-bgimg img {position: absolute;}
    .banr-content h1 { font-size: 38px; }
    .studioinr-grd h2.sectitle {
    font-size: 28px;
    line-height: 35px;
}
.inrbanr-video {
    max-height: 450px;
}
.stnblclnt-item { padding: 20px 20px; max-height: 245px; }

.cntct-item { max-height: 270px;  padding: 20px 15px; }
.cntct-item i { font-size: 35px; margin-bottom: 15px; }
.cntct-item h4 { padding-bottom: 10px; }
.cntct-item p { font-size: 17px; }

.products-pg .prodct-img { min-height: 315px; height: 315px; }
.ps-timeline-sec .container ol.ps-timeline li:nth-child(3) p { left: 15px; }
    
 
}


@media (max-width: 990px) {

.col-sm1{-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;}
	.col-sm2{-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;}
	
	.col-sm3{-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;}
	
	.col-sm4{-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;}
	
	.col-sm5{-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;}
	
	.col-sm6{-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;}
	
	.col-sm7{-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;}
	
	.col-sm8{-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;}
	
	.col-sm9{-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;}
	
	.col-sm10{-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;}
	
	.col-sm11{-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;}
	
	.col-sm12{-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;}


.desk-view{
	display: none !important;
}
	.tab-view{
		display: block;
	}
	.mob-view{
		display: none;
	}

.nav__mobile .login-btn{ display: block;}
		.menu-toggle.active .nav__menu{
				position: absolute;
				width: 100%;
				background-color: #fff;
				margin-top: 15px;
				max-width: 320px;
				z-index: 99;
			}
			.menu-toggle .nav__menu li {
				padding: 0;
				border-bottom: 1px solid #f60;
				line-height: 40px;
				padding: 0 15px;
			}
			.menu-toggle .nav__menu li:last-child{ border-bottom: none;}
			.ftr-logos ul { justify-content: center; }
.login-btn{ display: none; }

.itms-innr {
    min-width: 165px;
    max-width: 165px;
min-height: 165px;
max-height: 165px; }
.fly-in-text { font-size: 28px; }
.hmbanner { min-height: 40vh; }
.connectdot-items h1 { font-size: 28px; }
.connectdot-items h1 { font-size: 28px; line-height: 45px; padding-top: 50px; }
.abtgrditm {-ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
    max-width: 33.33%;
    margin-bottom: 30px;
}
.std-img img { border-radius: 10px 10px 0 0; }
.stnblty-img{ padding: 15px; }
    .csrgrd h3 { font-size: 20px; line-height: 30px; }
    .ftr-wdgt{ margin-bottom: 30px; }
    .banr-content h1 { font-size: 33px; }
    h2.sectitle { font-size: 30px; line-height: 40px; }
    .studioinr-grd h2{ font-size: 26px; }
    .stnblclnt-item { display: block; max-height: 350px; min-height: 350px;}
    .stnbl-img{ max-width: 35%; margin-bottom: 15px; min-height: 100px;}
    .stnbl-txt h3 { font-size: 22px; }
	.ps-timeline-sec .container ol.ps-timeline li:nth-child(3) p { left: 0; }
	.timeline-sec{ padding-bottom: 0;}
	
}



@media (max-width: 800px){

	.container{ max-width: 100%; padding: 0 15px;}

	
}


@media (max-width: 767px) {
	
  .col-xs1{-ms-flex: 0 0 8.333333%;
	flex: 0 0 8.333333%;
	max-width: 8.333333%;}
	.col-xs2{-ms-flex: 0 0 16.666667%;
	flex: 0 0 16.666667%;
	max-width: 16.666667%;}
	
	.col-xs3{-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;}
	
	.col-xs4{-ms-flex: 0 0 33.333333%;
	flex: 0 0 33.333333%;
	max-width: 33.333333%;}
	
	.col-xs5{-ms-flex: 0 0 41.666667%;
	flex: 0 0 41.666667%;
	max-width: 41.666667%;}
	
	.col-xs6{-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;}
	
	.col-xs7{-ms-flex: 0 0 58.333333%;
	flex: 0 0 58.333333%;
	max-width: 58.333333%;}
	
	.col-xs8{-ms-flex: 0 0 66.666667%;
	flex: 0 0 66.666667%;
	max-width: 66.666667%;}
	
	.col-xs9{-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;}
	
	.col-xs10{-ms-flex: 0 0 83.333333%;
	flex: 0 0 83.333333%;
	max-width: 83.333333%;}
	
	.col-xs11{-ms-flex: 0 0 91.666667%;
	flex: 0 0 91.666667%;
	max-width: 91.666667%;}
	
	.col-xs12{-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;}
    
	.container-fluid{
		padding-left: 30px;
		padding-right: 30px;
	}

	.desk-view{
		display: none !important;
	}
		.tab-view{
			display: none;
		}
		.desk-tab-view { display: none;}
		.mob-view{
			display: block !important;
		}

		html, body{ overflow-x: hidden;}

		.nav__logo { max-width: 150px !important; padding: 0 !important;}
		.nav__mobile .login-btn{ display: block;}
		.menu-toggle.active .nav__menu{
				position: absolute;
				width: 100%;
				background-color: #fff;
				margin-top: 15px;
				max-width: 320px;
				z-index: 99;
			}
			.menu-toggle .nav__menu li {
				padding: 0;
				border-bottom: 1px solid #f60;
				line-height: 40px;
				padding: 0 15px;
			}
			.menu-toggle .nav__menu li:last-child{ border-bottom: none;}
			

.itms-lst {
    -ms-flex: 0 0 45.38%;
    flex: 0 0 45.38%;
    max-width: 45.38%;
	margin: 0 8px;
}
.itms-innr {
    min-width: 100%;
    max-width: 100%;
    min-height: 150px;
    max-height: 150px;
    padding:0;
    margin-bottom: 30px;
}
.itms-innr img { height: auto; }
.bannrr-rw{justify-content: center; margin-left: -8px; margin-right: -8px; }


.rightalign-menu{ display: none;}
.login-btn{max-width: 50px;}
.lgnbtn{ background-color: transparent; color: #f60;}
.lgnbtn i{color: #f60; font-size: 25px;}

.lgnbtn i:before{ font-family: FontAwesome;}
.hmbanner { min-height: 400px; padding-top: 155px; }
		.connectdot-items h1 {
			font-size: 36px;
			line-height: 20px;
			padding-top: 30px;
		}
		.fly-in-text { margin-bottom: 50px; }
		h2.sectitle {
			font-size: 25px;
			line-height: 34px;
		}
		.hdrtxt p {
			max-width: 100%;
			font-size: 17px;
			padding-top: 30px;
		}
		.section{ padding: 50px 0;}
		.abtgrd-rw{position: relative; overflow: hidden;}
		.abtgrditm {
			-ms-flex: 0 0 100%;
			flex: 0 0 100%;
			max-width: 100%;
			margin-bottom: 40px;
			margin-left: 0;
			margin-right: 0;
		}

		.section .owl-theme .owl-nav .owl-prev {
			left: 0;
		}
		.section .owl-theme .owl-nav .owl-next {
			right: 0;
		}
		.studio-item{ background-color: #fff; margin-bottom: 40px; border-radius: 10px;}
		.studio-item .studio-con{ padding: 15px;}
		.prodct-img {
			min-height: 200px;
			height: 200px;
		}
		.prodct-item h4 {
			font-size: 16px;
			line-height: 26px;
		}
		.client-img {
			padding: 15px;
			height: 100px;
			width: 100%;
		}
		.csrcarousel { margin-top: 30px;}
		.csrcarousel .item {
			height: 300px;
		}

		.ftr-wdgt{ margin-bottom: 30px;}
		.ftr-title {
			padding-bottom: 20px;
		}



		.innerbanner {
			min-height: 250px;
		}
		.innerbanner-bgimg {
			min-height: 250px;
			max-height: 250px;
			height: 100%;
		}
		.innerbanner-bgimg img{ object-position: right; position: absolute; object-fit: cover;}
		.banr-content h1 {
			font-size: 22px;
			line-height: 30px;
		}
		.studiocarousel .item{
			
		}


		.showcase-wrapper .thumb-previewer{ display: none;}
		.showcase-wrapper {
			padding: 0;}
			.showcase-wrapper .thumb-img {
				flex: 0 0 100%;
				max-width: 100%;
				padding: 50px 0;
			}
			.showcase-wrapper .thumb-img li { height: 100%; margin-bottom: 0; }


			.prdcts-pg-sec{ display: block;}
			.sidebar{ width: 100%; height: 100% !important;}
			.sidebar__inner{ height: 100%; position: relative !important;}
			.sidebar-links .link-red::after { line-height: 32px;}

			.producs-lists{ padding-top: 30px;}
			.prod-content .prodct-title { font-size: 16px; line-height: 26px; }
			.prod-content .pro-sku { font-size: 12px; }
			/* .sidebar-links .sdbar-link { border-bottom: 1px solid #eae0e0; } */
			.sidebar-links .link-red::after { right: 15px; }
			
			.sidebarIconToggle{ left: 20px;}
			
			.mobile-filter{ display: block; }
			.products-pg{ margin: 30px 0; }
			.products-pg .prodct-img {
    min-height: 215px;
    height: 215px;
}
.prolgtbx .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
}
.prolgtbx .showcase-wrapper{ display: block; padding: 30px 20px;}
.prolgtbx .showcase-wrapper .thumb-previewer {
    display: block;
    max-width: 100%;
    margin-left: 0;
}
.showcase-wrapper .thumb-img{ max-width: 100%; padding-top: 0; }
.prolgtbx .thumb-img .prod-content .prodct-title {
    font-size: 21px;
    line-height: 43px;
}
.prolgtbx .thumb-img .prod-content p.pro-catgry,
.prolgtbx .thumb-img .prod-content .pro-sku{
    font-size: 17px;
}

.login-modal{ padding-right: 0 !important; }
.login-modal.modal.right.fade.show .modal-dialog{ right: 0; width: 100%; padding: 0 15px;}
.login-modal .modal-dialog .close{ right: 5px; }
.factory-img{ margin-top: 15px; }
.factorycarousel .item { height: 200px; }
.abtgrditm-inr{ overflow-y: hidden; }
.abtcard-num { bottom: -5px; }
.ps-timeline-sec .container ol.ps-timeline li { float: left !important;  width: 100% !important; height: 120px !important; padding-left: 50px; padding-top: 0;}
.ps-timeline-sec .container ol.ps-timeline li .ps-bot { width: 100% !important; float: left !important; left: 0; margin-top: 15px; position: relative !important;}
.ps-timeline-sec .container ol.ps-timeline li:nth-child(1) p{ width: 100% !important; }
.ps-timeline-sec .container ol.ps-timeline li:nth-child(3) p{ left: 0;}
.ps-timeline-sec .container ol.ps-timeline li::after{ background: none; }
.ps-timeline-sec .container ol::before{
    content: "";
position: absolute;
width: 100%;
height: 6px;
background: url('../images/thread.png');
background-repeat: repeat-x;
background-size: 500% 100%;
top: 0;
left: 0;
z-index: -999;
transition: all ease-in-out .3s;
transform: rotate(90deg); }

.ps-timeline-sec .container ol.ps-timeline { padding-top: 0 !important; }
.ps-timeline-sec .container ol.ps-timeline li:first-child::after { left: 0; } 
.tmln-year { text-align: left; font-size: 22px; }

.recuption-img { margin-top: 15px;}
.inrbanr-video{ min-height: 280px; max-height: 280px; height: 280px; position: relative;}
.inrbanr-video video{ width: 100%; height: 100%; object-fit: cover; object-position: center;}
.stnblclnt-item{ max-height: 100%; min-height: 100%; margin-top: 0; margin-bottom: 20px;}
.stnbl-grd .item{ margin-bottom: 40px; }

.desk-tab-view{ display:none; }
.flip-card-front, .flip-card-back {
  min-height: 250px;
}
.modalimgviewer, .card-container {
  min-height: 250px;
}
.showcase-wrapper { display: block; }

.clients-sec .col3:nth-child(6) .client-img{ padding: 30px; }
.clients-sec .col3:nth-child(6) .client-img, .clients-sec .col3:nth-child(10) .client-img, .clients-sec .col3:nth-child(11) .client-img{ padding: 15px; }
     .innerbanner-bgimg img{
  transform: scale(1.1);
  animation: slowpan 10s linear 0s infinite alternate;
  -webkit-animation: slowpan 10s linear 0s infinite alternate;
}
@-webkit-keyframes slowpan {
 0% {
    transform:translateX(-50px) scale(1.25);
  }
  
  100% {
    transform:translateX(50px) scale(1.25);
  }
  
}


}


@media (max-width: 480px) {
	.container-fluid{
		padding-left: 20px;
		padding-right: 20px;
	}
	
}
 @media only screen and (min-width: 361px) and (max-width: 480px)  {
    .itms-innr { margin-bottom: 50px; }
}
}