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

*{ margin:0 auto;}
.clr{ clear:both;}
.clear{ clear:both;}
.main{ width:1004px; margin:0 auto;}

.stick {
    border: medium none;
    box-shadow: 0 0 10px #000;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 999999;}

@font-face {
  font-family: 'bell';
  src: url('../font/BellGothicStd-Black.otf'); /* IE9 Compat Modes */
}

@font-face {
  font-family: 'calibri';
  src: url('../font/calibri.ttf'); /* IE9 Compat Modes */
}

.head-one{ width:100%; background:#312a1e;}
.head-one .top-left{ float:left; width:40%;}
.head-one .top-left p{ float:left; font:normal 20px Verdana, Arial, Helvetica, sans-serif; color:#FFF; margin:15px auto;}
.head-one .social { float:right; width:25%;}
.head-one .social img{ float:left; border:none; background:#FFF; padding:5px 10px; text-decoration:none; margin:10px 5px;}
.head-one .social img:hover{ background:#ef9e10; color:#FFF;}


.head-two{ width:100%; background:#2DC80E;}
.head-two .left{ float:left; width:15%;}
.head-two .left img{ margin-top: 22px !important;width: 100%;
    margin: 10px auto;
    margin-bottom: 0px;}
	.video {
    float: right;
    width: 30%;
    margin: 15px auto;
    margin-top: 60px !important;
}
.video img {
    width: 100%;
    height: 275px;
}
	
.navbar .nav > li > a{    font-size: 14px !important;}

.head-two .right{ float:right;/* width:66%;*/ margin:30px auto;}
.head-two .right .search1{ float:right; width:250px; background:#312a1e;}
.head-two .right .search1 input[type=text]{ float:left; width:80%; height:35px; border:none; padding:0 5px;}
.head-two .right .search1 input[type=submit]{ float:right; width:28px; background:url("../images/search.png"); height:35px; border:none; margin-right:8px; cursor:pointer;}

.banner{ width:100%;  overflow:hidden;}


.content{ float:left; width:65%; margin:15px auto;}
.content h1{ font:normal 30px 'calibri'; color:#312a1e; line-height:36px; width:100%;}
.content p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#312a1e; line-height:22px; margin:10px auto; text-align:justify;}
.content p a{ float:right; background:#ef9e10; padding:8px 10px; color:#FFF;}
.content p a:hover{ float:right; background:#312a1e; padding:8px 10px; color:#FFF;}

.video{ float:right; width:30%; margin:15px auto;}
.video img{ width:100%;}


.gallery{ width:100%; background:#ef9e10; border-bottom:dotted 1px #312a1e; border-top:dotted 1px #312a1e;}
.gallery h1{ font:normal 28px 'calibri'; color:#FFF; line-height:36px; width:100%; margin-top:15px;}

.home-contact{ float:left; width:48%; margin:15px 10px;}
.home-contact img{ float:right;}
.home-contact img a{ border:none;}
.home-contact h1{ font:normal 30px 'calibri'; color:#312a1e; line-height:36px; width:100%;}
.home-contact p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#312a1e; line-height:22px; margin:10px auto; text-align:justify;}
.home-contact p a{ float:right; color:#312a1e;}
 
 
 
.footer-menu{ width:100%; background:#312a1e; padding:10px 0;}
.footer-menu p{ font:normal 14px Arial, Helvetica, sans-serif;}
.footer-menu p a{ color:#FFF; text-decoration:none; margin-right:15px;}
.footer-menu p a:hover{ color:#ef9e10;}


.footer{ width:100%; background:#ef9e10; padding:20px 0;}
.footer p{ font:normal 12px Arial, Helvetica, sans-serif; color:#FFF;}
.footer p a{ color:#312a1e; text-decoration:none;}
.footer img{ float:right; margin-top:-10px;}
.footer img a{ border:none;}




/*----------- About Us ---------------*/

.inner-banner{ width:100%; height:200px; box-shadow:1px 3px 3px #999;}
.inner-banner img{ width:100%; height:200px;}


.accordian{ float:left; background:#ef9e10; width:30%; color:#FFF; margin:20px auto;}
.accordian h1{ font:normal 22px 'calibri'; color:#FFF; background:#312a1e; line-height:36px; width:100%; text-align:center;}


.about-us{ float:left; margin-left:30px; width:65%; margin-top:10px; overflow:auto; overflow-y:hidden; text-align:left;}
.about-us img{ float:right; width:200px; height:200px; margin:10px 0 10px 10px; border:dotted 1px #000;}
.about-us h1{ font:normal 30px 'calibri'; color:#312a1e; line-height:36px; }
.about-us p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#312a1e; line-height:22px; margin:10px auto; text-align:justify;}
.about-us p a{ padding:8px 10px; color:#FFF;}

.about-us ul, ol{ margin:20px auto; width:auto;}
.about-us ul, ol li{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; line-height:22px; color:#312a1e; text-align:left;}


.about-us table{ margin:10px 0;}
.about-us table td{ border:solid 1px #000; padding:5px 5px; font:normal 12px Verdana, Arial, Helvetica, sans-serif;}
/*----------- About Us ---------------*/


/*----------- back to home ---------------*/

.top-head{ float:left; margin-left:30px; width:65%; border-bottom:dotted 1px #312a1e;}
.top-head p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#312a1e; margin:20px 0 5px 0;}
.top-head p a{ font-weight:bold; text-decoration:none; color:#312a1e;}
.top-head p a:hover{ text-decoration:none; color:#ef9e10;}


/*----------- back to home ---------------*/


/*----------- Product ---------------*/

.product-range{ float:left; margin-left:30px; width:100%; overflow:auto; overflow-y:hidden; text-align:left; margin-top:10px;}
.product-range h1{ font:normal 30px 'calibri'; color:#312a1e;}

.product-range h3{ font:normal 18px 'calibri'; color:#312a1e; border-bottom:dotted 1px #312a1e; margin-top:15px;}

.product-range .product-detail{ float:left; width:46%; min-height:240px; margin:10px 10px 10px 5px; padding:5px; border-bottom:dotted 1px #312a1e;}
.product-range .product-detail img{ float:left; margin:0 10px 5px 0; width:110px; height:110px;}
.product-range .product-detail h2{ font:normal 22px 'calibri'; }
.product-range .product-detail h2 a{ color:#312a1e; text-decoration:none;}
.product-range .product-detail h2 a:hover{ color:#000; text-decoration:none;}

.product-range .product-detail p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#312a1e; line-height:22px; margin:0 0 5px 0; text-align:justify;}
.product-range .product-detail p a{ float:right; font-weight:bold; text-decoration:none; color:#312a1e;}
.product-range .product-detail a:hover{ text-decoration:none; color:#000;}
.product-range .product-detail p span{ float:left; background:#ef9e10; padding:5px 10px; margin:10px auto; color:#FFF; cursor:pointer; border-radius:15px;}

.product-range .product-detail:hover{ box-shadow:1px 1px 1px 1px #bab9b9;}
/*----------- Product ---------------*/


/*----------- Search ---------------*/

.search{ float:left; margin-left:30px; width:65%; overflow:auto; overflow-y:hidden; text-align:left; margin-top:10px;}
.search h1{ font:normal 30px 'calibri'; color:#312a1e;}

.search h3{ font:normal 18px 'calibri'; color:#312a1e; border-bottom:dotted 1px #312a1e; margin-top:15px;}

.search .product-detail{ float:left; width:90%; margin:10px 10px 10px 5px; padding:5px; border-bottom:dotted 1px #312a1e;}
.search .product-detail img{ float:left; margin:0 10px 5px 0; width:110px; height:110px;}
.search .product-detail h2{ font:normal 22px 'calibri'; color:#312a1e;}
.search .product-detail h2 a{ color:#312a1e; text-decoration:none;}
.search .product-detail h2 a:hover{ color:#000; text-decoration:none;}

.search .product-detail p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#312a1e; line-height:22px; margin:0 0 5px 0; text-align:justify;}
.search .product-detail p a{ float:right; font-weight:bold; text-decoration:none; color:#312a1e;}
.search .product-detail a:hover{ text-decoration:none; color:#000;}
.search .product-detail p span{ float:left; background:#ef9e10; padding:5px 10px; margin:10px auto; color:#FFF; cursor:pointer; border-radius:15px;}



/*----------- Search ---------------*/


/*----------- Contact ---------------*/


.contact-us{ float:left; margin-left:30px; width:65%; margin-top:20px; overflow:auto; overflow-y:hidden; text-align:left; margin-top:10px;}
.contact-us h1{ font:normal 30px 'calibri'; color:#312a1e; line-height:36px; }

.contact-left{ float:left; width:50%; margin:20px auto;}
.contact-left h2{ font:normal 18px 'calibri'; color:#312a1e;}
.contact-left p{ font:normal 12px Verdana, Arial, Helvetica, sans-serif; color:#312a1e; line-height:22px;}

.contact-right{ float:right; width:46%;}


.contact-form{ float:left; width:98%; padding:10px 5px 20px 5px; background:#e3e1e1; margin-bottom:20px; border-radius:20px; border: dotted 1px #c0c0c0;}
.contact-form h3{ font:normal 18px 'calibri'; color:#312a1e; line-height:36px; margin-left:20px;}

.contact-form p{ color:#000; width:100%; text-align:left; line-height:30px; }

.contact-form ul{ list-style:none;}
.contact-form ul li{ float:left; width:48%; margin-right:10px; font:normal 12px Verdana, Arial, Helvetica, sans-serif; margin-top:10px; text-align:left;}
.contact-form ul li img{ float:left; vertical-align:top; margin:5px auto;}

.one{ float:left;}


.contact-form input[type=text]{ float:right; width:100%; height:25px; border: dotted 1px #ef9e10; margin:0 auto;}
.contact-form input[type=email]{float:right; width:100%; height:25px; border: dotted 1px #ef9e10;}
.contact-form select{ float:right; width:68.5%; height:30px; border: dotted 1px #ef9e10; margin:5px auto;}
.contact-form textarea{float:right; width:100%; resize:none; height:125px; border: dotted 1px #ef9e10;}

.contact-form input[type=submit]{ float:left; width:50%; background:#ef9e10; color:#FFF; padding:10px 20px;}
.col-md-6{width: 44%; padding: 0 3%; float: left;}
.col-md-6 input{margin-bottom: 10px !important; padding: 5px;}
c.lear{clear: both; display: block;}

/*----------- Contact ---------------*/


/*---------------------------------------*/
/*----------- Home Banner ---------------*/
/*---------------------------------------*/

.nivoSlider {	position:relative;	width:100%;	height:350px;	overflow: hidden;}
.nivoSlider img {	position:absolute;	top:0px;	left:0px;	max-width: none;}
.nivo-main-image {	display: block !important;	position: relative !important; 	width: 100% !important;}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {	position:absolute;	top:0px;	left:0px;	width:100%;	height:399px;	border:0;	padding:0;	margin:0;	z-index:6;	display:none;	background:white; 	filter:alpha(opacity=0); 	opacity:0;}
/* The slices and boxes in the Slider */
.nivo-slice {	display:block;	position:absolute;	z-index:5;	height:350px;	top:0;}
.nivo-box {	display:block;	position:absolute;	z-index:5;	overflow:hidden;}
.nivo-box img { display:block; height:399px;}

/* Caption styles */
.nivo-caption {	position:absolute;	left:0px;	bottom:0px;	background:#000;	color:#fff;	width:100%;	z-index:8;	padding: 5px 10px;	opacity: 0.8;	overflow: hidden;	display: none;	-moz-opacity: 0.8;	filter:alpha(opacity=8);	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */	-moz-box-sizing: border-box;    /* Firefox, other Gecko */	box-sizing: border-box;         /* Opera/IE 8+ */}
.nivo-caption p {	padding:5px;	margin:0;}
.nivo-caption a {	display:inline !important;}
.nivo-html-caption {    display:none;}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {	position:absolute;	top:45%;	z-index:9;	cursor:pointer;}
.nivo-prevNav {	left:0px;}
.nivo-nextNav {	right:0px;}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {	text-align:center;	padding: 15px 0;}
.nivo-controlNav a {	cursor:pointer;}
.nivo-controlNav a.active {	font-weight:bold;}

/*===================*/
/*=== style.css ===*/
/*===================*/
a, a:visited {	color:blue;	text-decoration:none;}
a:hover, a:active {	color:#000;	text-decoration:none;}
#dev7link {    position:absolute;    top:0;    left:50px;    background:url(images/dev7logo.html) no-repeat;    width:60px;    height:67px;    border:0;    display:block;    text-indent:-9999px;}
.slider-wrapper { 	width: 80%; 	margin: 100px auto;}

/*===================*/
/*=== default.css ===*/
/*===================*/

.theme-default .nivoSlider {	position:relative;	background:#fff url(loading.html) no-repeat 50% 50%;    margin-bottom:10px;    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;    box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img {	position:absolute;	top:0px;	left:0px;	display:none;}
.theme-default .nivoSlider a {	border:0;	display:block;}
.theme-default .nivo-controlNav {	text-align: center;	padding: 20px 0;}
.theme-default .nivo-controlNav a {	display:inline-block;	width:22px;	height:22px;	background:url(bullets.html) no-repeat;	text-indent:-9999px;	border:0;	margin: 0 2px;}
.theme-default .nivo-controlNav a.active {	background-position:0 -22px;}
.theme-default .nivo-directionNav a {	display:block;	width:30px;	height:30px;	background:url(arrows.html) no-repeat;	text-indent:-9999px;	border:0;	opacity: 0;	-webkit-transition: all 200ms ease-in-out;    -moz-transition: all 200ms ease-in-out;    -o-transition: all 200ms ease-in-out;    transition: all 200ms ease-in-out;}
.theme-default:hover .nivo-directionNav a { opacity: 1; }
.theme-default a.nivo-nextNav {	background-position:-30px 0;	right:15px;}
.theme-default a.nivo-prevNav {	left:15px;}
.theme-default .nivo-caption {    font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {    color:#fff;    border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {    color:#fff;}

/*---------------------------------------*/
/*----------- Home Banner ---------------*/
/*---------------------------------------*/


/*-----------------------------------------------*/
/*----------- Home Product Slider ---------------*/
/*-----------------------------------------------*/

#mcts1 {   width:100%;    margin: 0px auto 0px auto;    padding:10px;    height:auto;    background:url(../images/loading.html) no-repeat 50% 50%;
    /* Do not alter the below settings*/
    white-space:nowrap;    position:relative;    font-size:0px;}

#mcts1>* {display:none;}
  
/*-------- div.item is each thumbnail's wrapper created by the javascript ------*/

#mcts1 div.item {    padding:0px;    margin-right:51px; /* this specifies the distance between each thumbnail */    position:relative;}
#mcts1 img {    border:3px solid #FFF;	width:180px;	height:180px;}


/*---------built-in navigation buttons-------*/
#mcts1 .navPrev, #mcts1 .navNext, #mcts1 .navPlay, #mcts1 .navPause {    width:29px; height:29px; position:absolute;      background:url(../images/navbuttons.html);     display:inline-block; z-index:5; cursor:pointer;}
#mcts1 .navPrev {background-position:0 -34px;top:80px;left:-30px;}
#mcts1 .navPrev:hover {background-position:0 -34px;}
#mcts1 .navPrevDisabled, #mcts1 .navPrevDisabled:hover {background-position:0 0;cursor:default;}

#mcts1 .navNext {background-position:-33px -34px;top:80px;right:-30px;} 
#mcts1 .navNext:hover {background-position:-33px -34px;} 
#mcts1 .navNextDisabled, #mcts1 .navNextDisabled:hover {background-position:-16px 0; cursor:default;} 

#mcts1 .navPause, #mcts1 .navPlay {left:360px;top:130px;}
#mcts1 .navPause {background-position:0 -66px; display:none} 
#mcts1 .navPause:hover {background-position:0 -88px;} 
#mcts1 .navPlay {background-position:-16px -66px;} 
#mcts1 .navPlay:hover {background-position:-16px -88px;} 

.navPrev, .navPlay, .navPause, .navNext {   -moz-user-select: -moz-none;   -khtml-user-select: none;   -webkit-user-select: none;   -o-user-select: none;   user-select: none;}
       
/*---------built-in navigation bullets--------*/
/* Note: the navBullets won't be available when "scrollByEachThumb" was set to false in the Javascript.*/
#mcts1 .navBullets{    display:none;}

/*--------- class1 that is for the slide with HTML content------------*/
.class1 {    width:150px; padding:1px;        text-align:left;    white-space:normal;  font:bold 12px/14px Arial, Helvetica, sans-serif;}
.class1 img{ width:150px; height:100px; margin:5px 0 }

.class1 a{ color:#000; text-decoration:none;   }
.class1 a:hover{ color:#000 }

/* --------- Others ------- */
#mcts1{	transform: translate3d(0,0,0);    -ms-transform:translate3d(0,0,0);    -moz-transform:translate3d(0,0,0);    -o-transform:translate3d(0,0,0);}


/*-----------------------------------------------*/
/*----------- Home Product Slider ---------------*/
/*-----------------------------------------------*/




/*-----------------------------------------------*/
/*---------------- Light Box --------------------*/
/*-----------------------------------------------*/


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; }
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:700px; max-height:530px; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(../images/overlay.png) repeat 0 0;}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(../images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(../images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(../images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(../images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(../images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(../images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{background: none repeat scroll 0 0 #424242; border-radius: 19px; color: #fff; left: -5px; opacity: 1; padding: 5px; position: absolute; text-align: center;
  		  width: 100%; z-index: 9999999 !important;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../images/loading_background.html) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../images/loading.html) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(../images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(../images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position: -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*-----------------------------------------------*/
/*---------------- Light Box --------------------*/
/*-----------------------------------------------*/


/*-----------------------------------------------*/
/*---------------- Accordian --------------------*/
/*-----------------------------------------------*/

.accordionButton {font:bold 15px Arial, Helvetica, sans-serif;padding:8px 10px 8px 30px;  background:url(../images/ar3.png) no-repeat 10px center; 	cursor:pointer; margin-bottom:1px; margin:5px auto;}
.accordionButton a{ color:#312a1e;  outline:none !important; text-decoration:none;}
.accordionContent li a:hover{ color:#424242; }

.accordion-btn-active{ background:url(../images/ar-dwn.png) no-repeat 10px center; color:#fff;   }
.accordion-btn-active a{ color: #312a1e; outline:none !important; text-decoration:none;}
.accordionContent { width:80%; margin:0 auto; padding:0 0;}
.accordionContent li{ background:url(../images/ar4.png) no-repeat 5px center; padding:5px 0 5px 20px; font-weight:normal; font-size:13px; border-bottom:1px dashed #FFF; list-style-type:none ; font:normal 13px Verdana, Arial, Helvetica, sans-serif;}
.accordionContent li:last-child{ border-bottom:none !important }				  
.accordionContent li a{ color: #FFF; display:block;  outline:none !important; text-decoration:none;}

/*-----------------------------------------------*/
/*---------------- Accordian --------------------*/
/*-----------------------------------------------*/





/*-----------------------------------------------*/
/*---------------- Responsive --------------------*/
/*-----------------------------------------------*/


@media only screen and (min-width:320px) and (max-width: 360px){

.main{ width:90%;}
.head-one .top-left{ width:100%; margin:5px auto;}
.head-one .top-left p{ width:100%; margin:0 auto; text-align:center;}
.head-one .social{ width:90%; margin:0 auto; text-align:center;}
.head-one .social img{ text-align:center;}
.head-two{ width:100%; overflow:hidden;}
.head-two .left{ width:100%; text-align:center;}
.head-two .left img{ width:50%; margin-top:10px; margin-bottom:0px;}
.head-two .right{ float:left; width:100%; margin:0 auto;}
.head-two .right .search1{ float:left; width:100%; margin:0 auto;}
.nivoSlider { height:auto;}
.content{ width:100%;}
.video{ width:100%; margin:5px auto;}
#mcts1 { width:67%;}
#mcts1 div.item {margin-right:65px}
.home-contact{ width:100%; margin:5px auto;}
.footer-menu p a{ margin-right:5px;}
.footer p { float:left; margin:5px auto;}
.footer img{ float:left;}
.stick {    position:relative;}

/* ------- about us -------*/
.inner-banner{ height:100px;}
.inner-banner img{ height:100px;}
.accordian{ display:none;}
.about-us{ width:100%; margin:0 auto;}
.about-us img{ width:100%;}
.top-head{ width:100%; margin:10px auto;}


/* ------- Product range -------*/

.product-range { width:100%; margin:0 auto;}
.product-range .product-detail { width:90%; margin:10px auto; height:auto;}

/* ------- Contact -------*/
.contact-us{ width:100%; margin:0 auto;}
.contact-left{ width:100%;}
.contact-right{ width:100%; margin:10px auto;}
.contact-form{ width:95%; margin:15px auto;}
.contact-form ul li { width:100%; margin-left:-20px;}
.contact-form ul li img{ width:35px; vertical-align:top;}

/* ------- search -------*/
.search { width:100%; margin:0 auto;}

}

@media only screen and (min-width:361px) and (max-width: 480px){
.main{ width:90%;}
.head-one .top-left{ width:100%; margin:5px auto;}
.head-one .top-left p{ width:100%; margin:0 auto; text-align:center;}
.head-one .social{ width:75%; text-align:center;}
.head-one .social img{ text-align:center;}
.head-two{ width:100%; overflow:hidden;}
.head-two .left{ width:100%; text-align:center;}
.head-two .left img{ width:30%; margin-top:10px; margin-bottom:0px;}
.head-two .right{ float:left; width:100%; margin:0 auto;}
.head-two .right .search1{ float:left; width:97%; margin:0 auto;}
.head-two .right .search1 input[type=text]{ width:85%;}
.nivoSlider { height:auto;}
.content{ width:100%;}
.video{ width:100%; margin:5px auto;}
#mcts1 { width:100%;}
#mcts1 div.item {margin-right:65px}
.home-contact{ width:100%; margin:5px auto;}
.footer-menu p a{ margin-right:10px;}
.footer img{ float:right;}
.stick {    position:relative;}

/* ------- about us -------*/
.inner-banner{ height:100px;}
.inner-banner img{ height:100px;}
.accordian{ display:none;}
.about-us{ width:100%; margin:0 auto;}
.about-us img{ width:50%;}
.top-head{ width:100%; margin:10px auto;}

/* ------- Product range -------*/

.product-range { width:100%; margin:0 auto;}
.product-range .product-detail { width:95%; margin:10px auto; height:auto;}


/* ------- Contact -------*/
.contact-us{ width:100%; margin:0 auto;}
.contact-left{ width:100%;}
.contact-right{ width:100%; margin:10px auto;}
.contact-form{ width:95%; margin:15px auto;}
.contact-form ul li { width:100%; margin-left:-20px;}

/* ------- search -------*/
.search { width:100%; margin:0 auto;}

}

@media only screen and (min-width:481px) and (max-width: 640px){
.main{ width:90%;}
.head-one .top-left{ width:100%; margin:5px auto;}
.head-one .top-left p{ width:100%; margin:0 auto; text-align:center;}
.head-one .social{ width:70%; text-align:center;}
.head-one .social img{ text-align:center;}
.head-two{ width:100%; overflow:hidden;}
.head-two .left{ width:100%; text-align:center;}
.head-two .left img{ width:30%; margin-top:10px; margin-bottom:0px;}
.head-two .right{ float:left; width:100%; margin:0 auto;}
.head-two .right .search1{ float:left; width:100%;}
.head-two .right .search1 input[type=text]{ width:88%;}
.nivoSlider { height:auto;}
.content{ width:100%;}
.video{ float:left; width:60%; }
#mcts1 { width:100%;}
#mcts1 div.item {margin-right:40px}
.home-contact{ width:100%; margin:5px auto;}
.footer-menu p a{ margin-right:20px;}
.footer img{ float:right;}
.stick {    position:relative;}

/* ------- about us -------*/
.inner-banner{ height:100px;}
.inner-banner img{ height:100px;}
.accordian{ display:none;}
.about-us{ width:100%; margin:0 auto;}
.about-us img{ width:40%;}
.top-head{ width:100%; margin:10px auto;}


/* ------- Product range -------*/

.product-range { width:100%; margin:0 auto;}
.product-range .product-detail { width:95%; margin:10px auto; height:auto;}

/* ------- Contact -------*/
.contact-us{ width:100%; margin:0 auto;}
.contact-left{ width:100%;}
.contact-right{ width:100%; margin:10px auto;}
.contact-form{ width:95%; margin:15px auto;}
.contact-form ul li { width:100%; margin-left:-20px;}

/* ------- search -------*/
.search { width:100%; margin:0 auto;}

}

@media only screen and (min-width:641px) and (max-width:767px){
.main{ width:90%;}
.head-one .top-left{ width:100%; margin:5px auto;}
.head-one .top-left p{ width:100%; margin:0 auto; text-align:center;}
.head-one .social{ width:70%; text-align:center;}
.head-one .social img{ text-align:center;}
.head-two{ width:100%; overflow:hidden;}
.head-two .left{ width:100%; text-align:center;}
.head-two .left img{ width:30%; margin-top:10px; margin-bottom:0px;}
.head-two .right{ float:left; width:100%; margin:0 auto;}
.head-two .right .search1{ float:left; width:80%;}
.nivoSlider { height:auto;}
.content{ width:100%;}
.video{ float:left; width:60%; }
#mcts1 { width:100%;}
#mcts1 div.item {margin-right:40px}
.home-contact{ width:100%; margin:5px auto;}
.footer-menu p a{ margin-right:20px;}
.footer img{ float:right;}


/* ------- about us -------*/
.inner-banner { display:none;}
.accordian{ width:100%; }
.about-us{ width:100%; margin:0 auto;}
.about-us img{ display:none;}
.top-head{ width:100%; margin:10px auto;}

/* ------- Product range -------*/

.product-range { width:100%; margin:0 auto;}
.product-range .product-detail { width:95%; margin:10px auto; height:auto;}

}

@media only screen and (min-width:768px) and (max-width:970px){
.main{ width:90%;}
.head-one .top-left{ width:50%}
.head-one .social{ float:right; width:32%; margin:0 auto;}
.head-two{ width:100%; overflow:hidden;}
.head-two .left{ width:30%; text-align:center;}
.head-two .left img{ width:80%; margin-top:10px; margin-bottom:0px;}
.head-two .right{ float:right; width:65%; margin:0 auto;}
.head-two .right .search1{ float:right; width:80%; margin:10px auto;}
.head-two .right .search1 input[type=text]{ width:82%;}
.nivoSlider { height:auto;}
.content{ width:100%;}
.video{ float:left; width:50%; }
#mcts1 { width:90%;}
#mcts1 div.item {margin-right:66px}
.home-contact{ width:100%; margin:5px auto;}
.footer-menu p a{ margin-right:20px;}
.footer img{ float:right;}



/* ------- Product range -------*/

.product-range .product-detail { width:95%;}

/* ------- Contact -------*/

.contact-form ul li { width:100%; margin-left:-20px;}



}

@media only screen and (min-width:980px) and (max-width:1000px){
.main{ width:90%;}
.head-one .top-left{ width:50%}
.head-one .social{ float:right; width:38%; margin:0 auto;}
.head-two{ width:100%; overflow:hidden;}
.head-two .left{ width:30%;}
.head-two .left img{ width:65%; margin-top:10px; margin-bottom:0px;}
.head-two .right{ float:right; width:65%; margin:0 auto;}
.head-two .right .search1{ float:right; width:80%; margin:10px auto;}
.head-two .right .search1 input[type=text]{ width:88%;}
.nivoSlider { height:auto;}
.content{ width:100%;}
.video{ float:left; width:50%; }
#mcts1 { width:90%;}
#mcts1 div.item {margin-right:50px}
.home-contact{ width:100%; margin:5px auto;}
.footer-menu p a{ margin-right:20px;}
.footer img{ float:right;}

/* ------- Product range -------*/

.product-range .product-detail { width:44%;}

/* ------- Contact -------*/

.contact-form ul li img{ width:35px; }

}

@media only screen and (min-width:1001px) and (max-width:1024px){
.nivoSlider { height:auto;}
}