@media screen and (max-width:1800px){
.gallery{ margin-top:10%;}
.banner-txt1 {font-size: 55px;line-height: 66px;padding: 16% 0 0 10%;width: 35%;}	
.workable{ padding-top:6%;}
}

@media screen and (max-width:1650px){
.gallery{ margin-top:15%;}
.workable{ padding-top:1%;}	

}

@media screen and (max-width:1500px){
.gallery{ margin-top:20%;}	
.banner-txt1 {font-size: 50px; line-height: 59px;}
.banner-pic{ padding:16% 0 0 0;}
}



@media screen and (max-width:1400px){
body{font-size:14px}
.top-head span{font-size:14px;padding-top:2px}
.top-head p{font-size:18px}
.flexnav li{font-size:15px;padding:36px 3.1% 36px 0}
.tt-logo{width:43%}
.banner-txt1{font-size:50px;line-height:56px;padding:15% 0 0 10%}
.laser{width:32%;padding-top:0}
.workable{padding-left:196px;padding-top:0;top:44px;width:45%}
.rotate-magnetic{left:170px;top:-11px;width:21%}
.banner-pic{padding:17% 0 0}
h1{font-size:48px}
h2{font-size:48px}
.footer{font-size:18px}
.productname{font-size:18px}
.producttxt p{font-size:40px;border-width:3px;line-height:38px}
.producttxt p span{font-size:30px}
.productlist{width:56%}
.producttxt{top:217px;width:205px}
.product1{top:-56px}
.product5{top:297px;left:-10px}
.product3{right:-10px;top:297px}
.product4{top:400px}
.product6{top:64px;left:-10px}
.product2{top:63px;right:-10px}
.product6 .frame-product img{width:74%}
.product5 .frame-product img{width:50%}
.product2 .frame-product img{width:54%}
.product4 .frame-product > img{width:54%}
.product3 .frame-product > img{width:66%}
.product3 a:hover .frame-h{right:0}
.product2 a:hover .frame-h{right:0}
.product1 a:hover .frame-h{right:0}
.product6 a:hover .frame-h{right:0}
.product4 a:hover .frame-h{right:0}
.product5 a:hover .frame-h{right:0}
.gallery{margin:140px 0 0}
.flexnav .touch-button .navicon{top:6px}
.heading h1{ font-size:42px;}
.breadcrumb{ font-size:13px;}
.product-listing ul li p{ font-size:18px;}
.product-details h2{ font-size:26px;}
.quick-btn a{ font-size:16px;}
.address h2{ font-size:28px;}
.cbp-fwnext, .cbp-fwprev{top:66%;}
}


@media screen and (max-width:1280px){
.banner-txt1{font-size:38px;line-height:42px}
.rotate-magnetic{left:170px;top:-4px;width:18%}
.workable{padding-left:211px;padding-top:0;top:24px;width:46%}
.laser{padding-top:0;width:30%}
.footer{font-size:18px}
.productlist{width:45%}
.producttxt p{border-width:2px;font-size:32px;line-height:34px}
.producttxt p span{font-size:26px}
.producttxt{top:186px;width:178px}
.product1{top:-45px}
.product5{left:-10px;top:253px}
.product3{right:-10px;top:253px}
.product4{top:340px}
.productname{font-size:14px}
.flexnav li a:hover,.flexnav li.active a,.flexnav li.item-with-ul:hover a{border-width:3px}
.tt-logo{width:40%}
.flexnav li{padding:28px 3.2% 28px 0;font-size:14px}
.flexnav li:hover > ul{margin-top:-17px}
.flexnav .touch-button .navicon{top:0}
.heading h1{ font-size:38px;}
.breadcrumb{ font-size:12px;}
.gallery{margin:80px 0 0}
}


@media screen and (max-width:1279px){
h1{ font-size:44px;}
h2{ font-size:44px;}
/*.top1{ margin:30px 0 0 0;}*/
}

@media screen and (max-width:1207px){
.flexnav li {padding: 28px 2.8% 28px 0;}
.product-listing ul li{width:29.8%;}
.product-listing ul li p{ font-size:16px;}
.product-listing ul li .imgbdr{border-width:2px;}
.product-listing ul li .product-pic:after{border-width:10px; bottom:-10px;}	
.product-details h2{ font-size:24px;}
}
@media screen and (max-width:1207px){
.product-gallery{width:38%}	
.product-details{width:62%;}
.refresh{width:40%;}
.enquiry-form .type{width:60%;}
.enquiry-form .button {float: right;margin-top: 0;width: 100%;}
.gallery{margin:120px 0 0}
}
@media screen and (max-width:1025px){
.product1{top:-38px}
.product6{left:-10px;top:47px}
.product2{right:-10px;top:47px}
.product5{left:-10px;top:208px}
.product3{right:-10px;top:208px}
.product4{top:282px}
.producttxt{top:154px;width:136px}
.producttxt p{border-width:2px;font-size:22px;line-height:23px}
.producttxt p span{display:block;font-size:18px}
.producttxt a{font-size:13px}
.productname{font-size:13px}
h1{font-size:40px}
h2{font-size:40px}
.top-head p{font-size:16px}
.flexnav li{padding:28px 2.4% 28px 0}
.banner-txt1{font-size:32px;line-height:36px}
.banner-pic{padding:14% 0 0}
.workable{top:36px;width:51%}
.inner-row2{ padding-top:186px;}
.product-left{padding:8px 8px 90px;}
.product-details h2{ font-size:22px;}
.gallery{margin:80px 0 0}
}


@media screen and (max-width:980px){
.productlist{width:48%}
.flexnav li{padding:28px 1.8% 28px 0}
.flexnav .touch-button{right:-17px;}
.shareicon {top: -24px;}
.product-details h2{padding:0 0px 7px 0;}
body {font-size: 13px;}
.quick-btn a{ font-size:14px;}
.enquiry{ margin:20px 0 0 0;}
.product-gallery {width: 40%;}
.product-details{width:60%;}
.gallery-block .item .thumb{ margin-left:1%;}

}


@media screen and (max-width:920px){
.flexnav li{font-size:13px;padding:28px 1.4% 28px 0}
.banner-txt1{font-size:26px;line-height:28px}
.banner-pic{padding:14% 0 0}
.workable{top:36px;width:51%;top:28px;width:52%;padding-left:199px}
.inner-row2{padding-top:164px;}
.heading h1{ font-size:34px;}
#cssmenu{ font-size:13px;}
.product-listing ul li p{ font-size:14px;}
.product-gallery {width: 42%;}
.product-details{width:58%;}
.gallery{margin:100px 0 0}

}

@media screen and (max-width:820px){
.productlist{width:57%}
.flexnav li a:hover,.flexnav li.active a,.flexnav li.item-with-ul:hover a{border-width:2px}
.flexnav .touch-button{right:-25px;top:16px}
.flexnav li{font-size:13px;padding:16px 1% 16px 0}
h1{font-size:36px}
h2{font-size:36px}
.rotate-magnetic{left:132px;top:-4px;width:16%}
.workable{padding-left:162px;top:23px;width:52%}
.banner-txt1{font-size:22px;line-height:24px}
.product-gallery {width: 46%;}
.product-details{width:54%;}
.gallery{margin:130px 0 0}
}


@media screen and (max-width:799px){
.flexnav li:nth-child(4){padding-left:41%}
.tt-logo{width:36%}
.flexnav li{padding:16px 1.1% 16px 0}
.inner-row2{padding-top:146px;}	
.product-gallery {width: 48%;}
.product-details{width:52%;}
.gallery-block .thumbslide .item {padding-left:18px;}
.product-details h2 {font-size:20px;  margin-top:15px;}
.width1{float:left;width:100%}
.padr{padding-right:0}
.width2{float:left;width:100%}
.enquiry-form .button{float:left;margin-top:0;width:100%}
.gallery{margin:160px 0 0}

}

@media screen and (max-width:767px){
h1{font-size:32px}
h2{font-size:32px}
.toph{position:fixed; z-index:8900;}
.nav-sec{background:#dadada}

.top1{margin:115px 0 0}
.about-tt p{margin:30px 0 43px;}
.productlist{ float:left; width:100%; vertical-align:top; margin:30px 0 0;}
.producttxt{ position:relative; top:0; margin-bottom:30px;}
.product1 ,.product2 ,.product3 ,.product4 ,.product5 ,.product6{ 	display: block; position:relative; top:0; margin-bottom:20px; width:47%;}
.abs2{position:relative;background:url(../images/productbg.png) repeat-y top center;width:100%;background-size:100%}
.productbg{ display:none;}
.productname{top:50%; margin-top:-10px; padding-top:0;}
.frame{ display:none;}
.frame-h{ display:none;}
.frame-responsive {display:block; right:0;  }
.frame-h-responsive {display: none;}
.product1 a:hover .frame-h{ display:none;}
.product2 a:hover .frame-h{ display:none;}
.product3 a:hover .frame-h{ display:none;}
.product4 a:hover .frame-h{ display:none;}
.product5 a:hover .frame-h{ display:none;}
.product6 a:hover .frame-h{ display:none;}
.product1 a:hover .frame-h-responsive{display:block;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.product2 a:hover .frame-h-responsive{display:block;right:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.product3 a:hover .frame-h-responsive{display:block;top:0;right:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.product4 a:hover .frame-h-responsive{display:block;right:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.product5 a:hover .frame-h-responsive{display:block;right:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.product6 a:hover .frame-h-responsive{display:block;right:0;transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}
.product4 .frame-product{padding-top:8%}
.gallery{ margin:50px 0 0 0;}
.gallery ul li{width:50%}
.footer{font-size:14px}
.banner-txt1{font-size:16px;line-height:20px;padding:74px 0 15px;text-align:center;width:100%}
.banner-pic{width:100%;padding:0}
.rotate-magnetic{left:0;top:-4px;width:16%}
.workable{padding-left:27%;top:6px;width:43%}
.tt-logo{width:100%}
.item img{height:300px}
.banner-pic img{height:auto!important}
.logoblock{display:none}
.logoresponsive{display:block;padding:8px 5px 0;text-align:center;margin:0 auto; width:320px;}
.logoresponsive img{width:100%}
.ma5-menu-mobile{left:14px;position:absolute;top:0;z-index:999}
.ma5-toggle-menu .glyphicon{color:#fff;padding:5px 7px 7px 9px}
.ma5-close-bar{background-color:#2f2f2f;height:41px;padding:2px 5px;text-align:left}
.ma5-menu-panel{top:41px}
.ma5-mobile-menu-container{background-color:#32348b}
.top-head span{padding-left:40px}
.heading{padding:0; position:relative; display:table; margin:0 70px; width:81%; vertical-align:middle;}
.heading h1 {bottom: 0;display: table-cell;left: 0;position: relative;right: 0;top: 0;vertical-align: middle;font-size:24px;}
.gallery-block .item img {height: auto;}
.map {width: 100%;}
.map img {width:100%;}
.address {padding-left: 0; padding-top: 20px; width: 100%;}
/*.product-row{ margin-top:189px;}
.productlist {margin-top: -189px;}*/
.ma5-menu-panel .ma5-btn-enter{ width:100%; text-align:right;}
.gallery ul li img{ opacity:1;}
.cbp-fwnext, .cbp-fwprev {top:59%;}
.fancybox-overlay {z-index: 9999999;}
/*8 june 2016*/

.hexa,.hexa div{margin:0 auto;transform-origin:50% 50%;overflow:hidden;width:300px;height:300px}
.hexa{width:auto;height:100%; display:block;}
.hexa div{width:100%;height:100%}
.hexa{transform:rotate(120deg)}
.hex1{transform:rotate(-60deg)}
.hex2{transform:rotate(-60deg)}
.hexa img{height:100%;overflow:hidden;width:91%}
.zindex{z-index:2}

/*8 june 2016*/
}

@media screen and (max-width:766px){
.product-left{width:100%; padding:0;}
.product-right{float:left;padding:15px 0 0;width:100%}
.gallery-block .item img{height:auto}
.gallery-block .item .thumb{cursor:pointer;float:left;margin-left:2%;margin-top:16px;width:22%;border:1px solid #a1a1a1;cursor:pointer;float:left;margin-left:2%;margin-top:16px;text-align:center;width:22%}
.gallery-block .item .thumb img{border:0}
.product-gallery{width:100%}
.product-left{background:#fff}
.product-right{padding:0}
.shareicon{position:relative;top:0;float:right}
.largepic .carousel-inner .item{border-width:2px}
.product-details{padding:15px 0 0;width:100%}
.product-info .panel-title{font-size:14px}
.product-info .panel-title a{display:block;outline:medium none;padding:10px 15px;width:100%}
.product-info .panel-heading{padding:0}
.product-info .panel-heading .accordion-toggle:after{color:grey;content:"";float:right;font-family:"FontAwesome";font-size:18px;margin-top:-2px}
.enquiry-form .type{width:80%;float:right}
.refresh{width:92px}


.menu-button {background: #231f6d none repeat scroll 0 0; border-bottom: 1px solid #231f6d; font-family: 'open_sansbold'; font-weight:normal;}
.servmenu .menu-button{font-family: 'open_sansbold'; font-weight:normal;}
.servmenu {background-color: #231f6d; margin-bottom:20px;}
.servmenu .flexnav{background-color:#1a175a;padding:0 20px}
.servmenu .flexnav li a.active{background-color:#231f6d}
.servmenu .flexnav li a{padding-bottom:0}
.servmenu .flexnav li{padding:10px 0}
.servmenu .flexnav li a:hover,.servmenu .flexnav li.active a,.servmenu .flexnav li.item-with-ul:hover a{border-width:0;padding:0}
.servmenu .flexnav li ul{display:none;width:100%;background-color:#38347c;margin-top:12px}
.servmenu .flexnav li ul li{padding:10px 10px 0}
.servmenu .flexnav li ul li:last-child{padding-bottom:10px}
.servmenu .flexnav li ul li a{background:transparent none repeat scroll 0 0;border-radius:0;color:#fff!important;display:block;padding:0;text-transform:uppercase;font-family:'open_sanslight'}
.servmenu .flexnav li:hover > ul{margin-top:12px}
}

@media screen and (max-width:680px){
.heading{width:78%;}	
/*.productlist {margin-top: -180px;}*/
}

@media screen and (max-width:700px){
/*.productlist {margin-top: -183px;}*/
}

@media screen and (max-width:640px){
.item img{height:237px}
.banner-txt1{font-size:14px;padding:50px 0 15px}
.product-right {float: left;padding: 0;width: 100%;}
.product-listing ul{width:100%; margin:0 0 15px 0;}
.product-listing ul li{width:100%; margin:0 0 30px 0;}
.product-listing ul li .product-pic:after{ display:none;}
.product-listing ul li .imgbdr{ border-width:1px; width:55%; margin:0px auto;}
.product-listing ul li .pbox{/*height:auto !important;*/ padding:20px; }
.product-listing ul li p{ min-height:auto; margin:15px 0 0  0;}	
.enquiry-form .type {width: 75%; }
.product1 ,.product2 ,.product3 ,.product4 ,.product5 ,.product6{width:56%;}
.heading{width:76%;}
/*.productlist {margin-top: -189px;}*/
.cbp-fwnext, .cbp-fwprev {top:61%;}
}

@media screen and (max-width:600px){
/*.productlist {margin-top: -184px;}*/
}

@media screen and (max-width:550px){
.heading{width:72%;}	
/*.productlist {margin-top: -177px;}*/	
}

@media screen and (max-width:500px){
/*.productlist {margin-top: -172px;}*/
}

@media screen and (max-width:480px){
.item img{height:180px}
.banner-txt1{padding:40px 0 15px}
.logoresponsive{width:280px}
.copyright{float:left;text-align:center;width:100%}
.social{float:right;margin-top:7px;text-align:center;width:100%}
.inner-row2{ padding-top:124px;}
.heading h1{ font-size:24px;}
ul.pagging{display:table;float:left;text-align:center;width:100%}
ul.pagging li{clear:both;display:block;float:none;margin-bottom:10px;margin-left:0}
ul.pagging li a{display:block}
.enquiry-form .type{width:100%}
.product1 ,.product2 ,.product3 ,.product4 ,.product5 ,.product6{width:68%;}
.product-listing ul li .imgbdr{width:65%;}
.product-listing ul li .pbox{ padding:10px;}
.heading{width:67%;}
/*.productlist {margin-top: -181px;}*/
.cbp-fwnext, .cbp-fwprev {top:63%;}
.top1 {margin:107px 0 0};
}

	
@media screen and (max-width:420px){
.heading{width:64%;}
/*.productlist {margin-top: -173px;}	
.product-row {margin-top: 152px;}	*/
}

@media screen and (max-width:400px){
.heading{width:60%;}
/*.productlist {margin-top:-170px;}*/
}

@media screen and (max-width:360px){
.item img{height:155px}
.heading h1{ font-size:20px;}
.heading{width:54%;}
/*.productlist {margin-top:-163px;}*/
.cbp-fwnext, .cbp-fwprev {top:68%;}	
}


@media screen and (max-width:340px){
/*.productlist {margin-top:-158px;}*/
}
/* custom responsive */

@media only screen and (max-width: 1024px) {
	.product4 .frame-product {
		padding-top: 8px !important;
	}
}
@media only screen and (max-width: 767px) {
	.product4 .frame-product {
		padding-top: 0px !important;
	}
}
@media only screen and (max-width: 1400px) {
	.frame-product > img {
		width: 99% !important;
		margin-top:2px;
	}
}
@media only screen and (min-width: 1400px) {
	.frame-product > img {
		padding-right: 8px;

	}
	.frame-h > img {
		padding-right: 5px;
	}
	.product4 .frame-product {
		padding-top: 18px !important;
		padding-right: 4px !important;
	}
}
@media only screen and (min-width: 1366px){
	.slide-background img{
		width: 100%;

	}
}
@media only screen and (max-width: 768px){
	.gallery-block .carousel-inner > .item > a > img,.gallery-block .carousel-inner > .item > img,.gallery-block .img-responsive,.thumbnail a > img,.gallery-block .thumbnail > img { height: 85%; }
	.largepic .carousel-inner .item { height: 450px; }
	.product2, .product3 {
		right: 0px !important;
	}
	.product5, .product6 {
		left: 0px !important;
	}
}