/*!
Theme Name: Woodstock Group
Theme URI: http://woodstock-group.uk/
Author: woodstock
Author URI: http://woodstock-group.uk/
Description: The Woodstock Group has over 19 years of experience in the development and manufacturing of all types of engineering components in India.  We can work from just one sample with no drawings or with complete drawings and we supply to the UK and throughout Europe. We help our customers to lower costs, increase efficiency and drive innovation by becoming their back end procurement office.
Version: 5.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Woodstock Group, Engineering components, Engineering
Text Domain: woodstock
*/

@import url('css/base.css');
@import url('css/animate.css');
@import url('css/menu.css');
@import url('css/slider.css');
@import url('css/owl.carousel.css');
@import url('css/jquery.fancybox.css');
@import url('css/bootstrap.min.css');

@font-face {
	font-family: 'MyriadPro-Regular';
	src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Regular.otf') format('opentype'), url('fonts/MyriadPro-Regular.woff') format('woff'), url('fonts/MyriadPro-Regular.ttf') format('truetype'), url('fonts/MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Bold';
	src: url('fonts/MyriadPro-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Bold.otf') format('opentype'), url('fonts/MyriadPro-Bold.woff') format('woff'), url('fonts/MyriadPro-Bold.ttf') format('truetype'), url('fonts/MyriadPro-Bold.svg#MyriadPro-Bold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'MyriadPro-Semibold';
	src: url('fonts/MyriadPro-Semibold.eot?#iefix') format('embedded-opentype'), url('fonts/MyriadPro-Semibold.otf') format('opentype'), url('fonts/MyriadPro-Semibold.woff') format('woff'), url('fonts/MyriadPro-Semibold.ttf') format('truetype'), url('fonts/MyriadPro-Semibold.svg#MyriadPro-Semibold') format('svg');
	font-weight: normal;
	font-style: normal;
}
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #787878;
	font: 15px/24px 'MyriadPro-Regular';
	background: #fff;
}
.hides {
	opacity: 0;
}
.views {
	opacity: 1;
}
a {
	text-decoration: none;
	transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}
a img {
	border: none;
}
p {
	text-align: justify;
}
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #05438b;
	margin-top: 15px;
	margin-bottom: 20px;
	font-family: 'MyriadPro-Bold';
}
h1 {
	font-size: 36px;
	line-height: 45px;
}
h2 {
	font-size: 32px;
	line-height: 45px;
}
h3 {
	font-size: 28px;
	line-height: 45px;
}
h4 {
	font-size: 24px;
	line-height: 35px;
}
h5 {
	font-size: 20px;
	line-height: 35px;
}
h6 {
	font-size: 18px;
	line-height: 30px;
	color: #74af1b
}
.top, .welcome-wrapper, .col-wrapper, footer {
	background: #eae9e9;
}
.top {
	line-height: 50px;
}
.top-menu ul, .contact-info ul, .social-links ul, .language ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.top-menu {
	padding-right: 55px;
}
.top-menu ul li {
	padding: 0px 15px;
	display: inline-block;
	background: url(images/border-right.jpg) no-repeat 100% 50%;
}
.top-menu ul li:last-child {
	padding-right: 0px;
	background: none
}
.top-menu ul li a, .menu2 ul li a, .service-menu ul li a, .copyright a, .email-links ul li a{
	color: #787878
}
header, .copyright{
	padding: 25px 0px;
}
.banner, .product-item, .service-item, .footer-wrapper, .blog-col .blog-img{
	position: relative;
}
.overlay {
	background: url(images/overlay-bg.png);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0%;
	left: 0%
}
.overlay2 {
	background: url(images/overlay-bg2.png);
}
.viewmore, .title{
	text-transform: uppercase;
}
.viewmore {
	display: inline-block;
}
.viewmore, #service-slider, #product-slider, .footer-col .title{
	margin-top: 30px;
}
.viewmore a {
	font-size: 18px;
	padding: 14px 25px;
	background: #05438b;
	font-family: 'MyriadPro-Bold';
	color: #fff
}
.viewmore a, .service-item .service-icon, .testmonial-slider .test-img, .testmonial-slider .test-img img {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-o-border-radius: 10px;
}
.viewmore2 a {
	background: #fff;
	color: #05438b
}
.viewmore a:hover, .product-item .product-detail .viewmore a:hover {
	background: #74af1b;
	color: #fff
}
.welcome-wrapper {
	padding: 50px 0px 100px 0px;
}
.wrapper, #testimonial {
	padding-top: 50px;
}
.benefit, .benefit .title h3, .product-item .product-detail, .product-item .product-detail h4, .testmonial-slider, .contact-box, .contact-box h3, .contact-info ul li a, .banner2 h1 {
	color: #fff
}
.benefit {
	background-image: url(images/benefit-bg.jpg);
	background-attachment: scroll !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	margin-top: -120px;
}
.benefit-detail {
	background: url(images/banner-descp-bg.png) no-repeat -115px 0%;
	background-size: cover !important;
	padding: 85px 135px 100px 20px;
	box-sizing: border-box;
}
.col-wrapper, .product-slider, .testmonial-slider, .main-wrapper{
	padding: 50px 0px;
}
#service-slider .item {
	padding: 0px 15px;
}
.service-item {
	padding-top: 75px;
}
.service-item .service-icon {
	background: #05438b;
	width: 90px;
	height: 90px;
	text-align: center;
	float: left;
	margin-top: -50px;
	margin-left: 15px;
	-moz-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.service-item .service-icon img {
	-moz-transform: scale(1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-webkit-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-o-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	-ms-transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
	transform: scale(1) rotate(-45deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
}
.service-item:hover .service-icon {
	background: #74af1b
}
.service-item .service-detail {
	background: url(images/service-bg.png) no-repeat -115px 0% #fff;
	background-size: cover !important;
	padding: 65px 15px 35px 15px;
}
#service-slider .service-item .service-detail {
	min-height: 425px;
}
.service-item .service-detail .viewmore a {
	position: absolute;
	bottom: 0px;
}
.service-item .service-detail .viewmore a {
	border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-o-border-radius: 10px 10px 0px 0px;
}
.product-slider {
	background: #fff;
}
.product-slider-wrapper {
	z-index: 999999999;
}
.product-item {
	padding-bottom: 50px;
}
.product-item .product-detail {
	background: url(images/overlay-bg.png);
	padding: 15px 20px 10px 20px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 90%;
}
.product-item .product-detail .viewmore a {
	padding: 15px 25px;
	border-radius: 0px;
	background: #f1f1f1
}
.testmonial-slider, .testmonial-slider .title, .testmonial-slider p, .copyright {
	text-align: center;
}
.testmonial-slider {
	background-image: url(images/testimonials-bg.jpg);
	background-attachment: fixed !important;
	background-position: center center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	margin-left: -15px
}
.testmonial-slider .owl-item p {
	padding: 65px 25px 30px;
	background:url(images/overlay-bg.png);
	font-size: 16px;
	line-height: 26px;
}
.testmonial-slider .test-img {
	margin-bottom: -35px;
	width: 100px;
	height: 100px;
	display: inline-block;
}
.testmonial-slider .name{
	margin-top: 25px;
}
.menu2 ul li {
	width: 50%;
	float: left;
}
.menu2 ul li ul{
	display: none;
}
.service-menu ul li, .menu2 ul li, .contact-info ul li {
	padding: 3px 0px;
	font-family: 'MyriadPro-Semibold';
}
.service-menu ul li a:hover, .menu2 ul li a:hover, .copyright a:hover, .contact-info ul li a:hover, .top-menu ul li a:hover, .email-links ul li a:hover{
	color: #74af1b
}
.contact-box {
	background: #05438b;
	padding: 15px 20px 35px;
}
.copyright span {
	width: 100%;
	float: left;
	line-height: 30px;
	font-family: 'MyriadPro-Semibold';
}
.social-links ul li {
	width: 45px;
	height: 45px;
	line-height: 45px;
	display:inline-block;
	margin-top: 10px;
}
.social-links ul li a {
	display: block;
	background: #05438b;
	font-size: 18px;
	color:#fff;
	border-radius:100%;
}
.social-links ul li a:hover {
	background: #74af1b;
	color: #fff
}
.language {
	position: relative;
	z-index: 999999
}
.language span {
	display: block;
	cursor: pointer;
}
.language ul {
	display: none;
	position: absolute;
}
.language ul li {
	width: 100%;
	float: left;
	padding: 0px;
	background-image: none;
}
.language ul li a {
	padding: 2px 15px;
	display: block;
	line-height: 35px;
	background: #05438b;
	text-indent: 0px;
	color: #fff;
	width: 100px;
}
.language ul li a:hover {
	background-color: #74af1b;
	color: #fff
}
.language span::after {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f0d7';
	margin: 0px -3px 0px 10px;
	font-size: 18px;
	float: right;
}
.top-menu .search {
	position: absolute;
	top: 0px;
	right: 0px;
}
header.fixed {
	top: 0;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
	padding: 10px 0px;
	display: block;
	margin: 0;
	right: 0;
	left: 0px;
	background: #fff;
	z-index: 99;
	position: fixed !important;
	box-shadow: 1px 2px 2px #eae9e9;
	-moz-box-shadow: 1px 2px 2px #eae9e9;
	-webkit-box-shadow: 1px 2px 2px #eae9e9;
	-o-box-shadow: 1px 2px 2px #eae9e9;
}
.sb-search {
	position: relative;
	width: 0%;
	min-width: 50px;
	height: 50px;
	right: 0px;
	top: 0px;
	float: right;
	margin-left: 0px;
	overflow: hidden;
	-webkit-transition: width 0.3s;
	-moz-transition: width 0.3s;
	transition: width 0.3s;
	-webkit-backface-visibility: hidden;
}
.sb-search-input {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	outline: none;
	width: 100%;
	color: #787878;
	height: 50px;
	margin: 0;
	z-index: 10;
	padding: 5px 50px 5px 15px;
	font-family: inherit;
	background: none;
	font-size: 14px;
}
 .sb-search-input::-webkit-input-placeholder {
 color: #efb480;
}
 .sb-search-input:-moz-placeholder {
 color: #efb480;
}
 .sb-search-input::-moz-placeholder {
 color: #efb480;
}
 .sb-search-input:-ms-input-placeholder {
 color: #efb480;
}
.sb-icon-search, .sb-search-submit {
	width: 50px;
	height: 50px;
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	padding: 0;
	margin: 0;
	line-height: 50px;
	text-align: center;
	cursor: pointer;
}
.sb-search-submit {
	background: #fff; /* IE needs this */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
	filter: alpha(opacity=0); /* IE 5-7 */
	opacity: 0;
	color: transparent;
	border: none;
	outline: none;
	z-index: -1;
}
.sb-icon-search {
	color: #fff;
	background: #05438b;
	z-index: 90;
	font-size: 18px;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
}
.sb-icon-search:before {
	content: "\f002 ";
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
}
/* Open state */
.sb-search.sb-search-open, .no-js .sb-search {
	width: 300px;
	/*position:relative;*/
	position:absolute;
	z-index:99999999
}
.sb-search-open .sb-search-input {
	background: #fff;
}
.sb-search.sb-search-open .sb-icon-search, .no-js .sb-search .sb-icon-search {
	background: #74af1b;
	color: #fff;
	z-index: 11;
}
.sb-search.sb-search-open .sb-search-submit, .no-js .sb-search .sb-search-submit {
	z-index: 90;
}
.scrollup {
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	position: fixed;
	bottom: 20px;
	right: 10px;
	display: none;
	background: url(images/jump-top-arrow.png) no-repeat center center #05438b;
	opacity: 0.9
}
.scrollup:hover {
	background-color: #74af1b;
	opacity: 1
}
.banner2 {
	background:url(images/banner1.jpg);
	background-size:cover;
	background-attachment:scroll;
	background-position: center center;
	background-repeat: no-repeat;
}
.banner2-detail{
	background: url(images/banner-descp-bg.png) no-repeat 0px -100px;
	padding: 50px 0px;
	box-sizing: border-box;
}
.banner2-detail h1{
	font-size: 32px;
}
.wrapper2, .service-col, .product-col, .contact-wrapper, .search-col{
	margin-top: 50px;
}
.service-col .service-detail{
	background-color: #fcfcfc
}
.map{
	width: 100%;
	height: 400px;
	margin-bottom: 15px;
	border: 5px double #f1f1f1;
}
.map iframe{
	width: 100% !important;
	height: 100% !important;
}
.email-links h4{
	margin: 10px 0px;
}
.email-links ul li{
	padding: 3px 0px;
}
.contact-form textarea{
	height: 150px;
}
.map{
	height: 350px;
}
.gallery .img-thumbnail img{ 
	width: 100%
}
.gallery .img-thumbnail{
	margin: 15px 0px;
}






/*
#draggable{ 
	display: none;
}*/
#draggable {
	width: 275px;
	position: fixed;
	right: 60px !important;
	bottom: 0px !important;
	z-index: 99999;
}
#draggable h4 {
	background: #74af1b;
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding: 5px 0px;
	cursor: pointer;
	margin: 0px;
	text-transform: uppercase;
	border-radius: 5px 5px 0px 0px;
}
.contact-formpop {
	border: 1px solid #CCC;
	padding: 15px 10px 0px 10px;
	background: #fafafa;
	font-size: 13px;
	line-height: 20px;
	display: none;
}
.contact-formpop .form-group {
	margin-bottom: 10px;
}
.contact-formpop textarea {
	height:70px;
}
.contact-formpop .form-control{padding:8px; font-size:14px;}
.contact-formpop div.wpcf7-response-output{padding:0px; font-size:15px; border:none}
.contact-formpop .btn-lg{font-size:15px !important}













/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination {
	text-align: right;
	margin: 15px 0px
}
.custom-pagination span, .custom-pagination a {
	display: inline-block;
	padding: 4px 10px;
}
.custom-pagination a {
	background-color: #4b4b4b;
	color: #fff;
}
.custom-pagination a:hover {
	background-color: #3e2a68;
	color: #fff;
	text-decoration:none;
}
.custom-pagination span.page-num {
	margin-right: 10px;
	padding: 0;
}
.custom-pagination span.dots {
	padding: 0;
	color: gainsboro;
}
.custom-pagination span.current {
	background-color: #3e2a68;
	color: #fff;
}
/* Blog 
=================================================== */
/*.blog-post {
	margin-top: 20px;
}*/
.blog .archive {
	margin-bottom: 15px;
}
.blogpage .viewmore a {
	padding: 15px 25px;
	font-size: 18px;
}
.blog-post footer {
	margin-top: 0px;
	padding: 0px;
	text-align: justify;
}
.categoreis #content article, .archive article, .blog-col {
/*border-bottom: 2px solid #d2d2d2;
	padding-bottom: 20px;
	margin-bottom: 30px;*/
}
.categoreis #content article:last-child, .blog-col:last-child, .archive article:last-child {
	border: none
}
.blog-post iframe {
	height: 400px !important
}
#comments ol {
	list-style: none
}
#comments, .children li {
	padding-top: 10px;
}
#comments h2 {
	text-transform: none;
	font-weight: normal;
	font-size: 28px;
}
ol.comment-list li .comment-body {
	background: none repeat scroll 0 0 #fff;
	padding: 15px;
	border: 1px solid #f1f1f1
}
ol.comment-list li .comment-body .reply a, .widget-area aside ul li a:hover, nav.navigation .nav-links a:hover, .entry-meta a:hover, .blog-col h3 a:hover, .says a {
	color: #1673ad;
}
.reply {
	text-align: right !important;
	text-transform: uppercase
}
ol.comment-list li .comment-body .reply a:hover {
	color: #1673ad;
}
.comment-metadata a {
	color: #585858
}
article footer {
	padding-bottom: 0px;
	background: none;
	border: none;
}
article footer a {
	color: #585858;
	border: none
}
.comment-content {
	margin: 10px 0px
}
#respond {
	margin-top: 10px;
	float: left;
	width: 100%
}
#respond label {
	width: 100%;/*font-size: 15px;
	color: #fff !important;
	font-weight: normal*/
}
#respond input, #respond textarea {
	width: 100%;
	padding: 6px 0px;
	text-indent: 10px;
	background: #fff;
	border: 1px solid #f1f1f1;
}
#respond input[type='submit'] {
	background: #333333;
	width: auto;
	padding: 12px 15px;
	color: #fff;
	font-weight: 600;
	text-indent: 0px;
	border: none;
	margin: 15px 0px;
	font-size: 18px;
	text-transform: uppercase;
}
#respond input[type='submit']:hover {
	background: #1673ad
}
.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}
.widget-area aside h3 {
	font-size: 24px;
	margin: 15px 0px;
}
.widget-area aside ul li {
	padding: 5px 0px;
}
.widget-area aside ul li a {
	color: #585858
}
.widget-area aside ul li a:hover {
	text-decoration: none
}
.widget-area aside#search-2 {
	padding: 0px;
}
.entry-content input {
	padding: 3px 10px;
	border: 1px solid #f1f1f1;
}
.entry-content input[type='submit'] {
	background: #f7b926;
	line-height: 25px;
	border: none;
	color: #fff;
}
#content h3.screen-reader-text {
	line-height: 35px;
	padding: 8px 0px;
}
.tagcloud a {
	background-color: #f7b926;
	border-radius: 0 2px 2px 0;
	display: inline-block;
	margin: 5px 4px 5px 10px;
	padding: 3px 10px;
	position: relative;
	text-transform: uppercase;
	color: #fff;
}
.tagcloud a:hover {
	background-color: #1673ad;
	color: #fff;
	transition-duration: 0s
}
.tagcloud a:before {
	border-bottom: 15px solid transparent;
	border-right: 10px solid #f7b926;
	border-top: 15px solid transparent;
	content: "";
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0;
}
.tagcloud a:hover:before {
	border-right-color: #1673ad;
	transition-duration: 0s;
}
.tagcloud a:after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: -2px;
	position: absolute;
	top: 12px;
	width: 6px;
}
.tagcloud a:hover:after {
	background-color: #fff
}
nav.navigation .nav-links a {
	margin: 10px 0px;
	display: block
}
.news-col {
	background: #fff;
	border: 1px solid #f1f1f1;
	padding: 10px 15px;
	margin-bottom: 25px;
}
.news-col h3 {
	margin: 10px 0px;
	font-size: 20px;
}
/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
	clear: both;
	margin: 15px 0px;
}
.entry-meta a {
	color: #585858;
}
.entry-meta > span {
	margin-right: 20px;
	line-height: 30px;
	display: inline-block
}
.entry-meta > span:last-child {
	margin-right: 0;
}
.featured-post:before {
	content: "\f408";
	margin-right: 2px;
	font-family: "Font Awesome 5 Free";
}
.entry-meta .date a:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.comments-link a:before {
	content: "\f086";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px;
	position: relative;
	top: -1px;
}
.entry-meta .author a:before {
	content: "\f007";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: -1px;
	margin-right: 6px
}
.categories-links a:first-child:before {
	content: "\f3e5";
	font-family: "Font Awesome 5 Free";
	margin-right: 6px
}
.tags-links a:first-child:before {
	content: "\f02e";
	position: relative;
	font-family: "Font Awesome 5 Free";
	top: 0px;
	margin-right: 6px
}
.edit-link a:before {
	content: "\f044 ";
	font-family: "Font Awesome 5 Free";
	position: relative;
	top: -1px;
	margin-right: 6px
}
.blog-col {
	margin: 0px 0px 25px 0px
}
.entry-content #slider {
	margin-bottom: 15px;
}
.blog-col h3 a {
	font-size: 20px;
	font-weight: bold
}
.blog-post h2.entry-title {
	background: none;
	line-height: 40px;
	font-size: 28px;
}
.says {
	margin-left: 3px
}
span.edit-link {
	margin-left: 6px
}
.reply a {
	background: #333333;
	padding: 6px 12px;
	font-family: 'Raleway', sans-serif;
	color: #fff !important;
}
.reply a:hover {
	background: #1673ad;
	text-decoration: none;
	color: #fff !important
}
article footer a:hover {
	color: #1673ad
}
.widget-area aside {
	background: #fff;
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid #f1f1f1;
	float:left;
	width:100%
}
.blog-post nav {
	background: none !important
}
.blog-date {
	color:#fff;
	position: absolute;
	bottom: 0px;
	background: url(images/overlay-bg.png);
	padding: 10px 15px;
}
.blog-date span i {
	margin-right: 3px;
	font-size: 13px;
	line-height: 15px
}
#respond h3 {
	font-size: 32px
}
.search-box {
	padding: 8px 7px;
	background: #fff;
	border: 1px solid #f1f1f1;
	/*margin: 10px 0px;*/
	width:100%;
	float:left
}
.search-box input {
	border: none;
	float: left;
	padding: 8px 0px;
	background: none;
	width: 80%;
}
.search-box input[type='submit'] {
	width: 30px;
	float: right;
	background: url(images/search.png) no-repeat 0% 50%
}




















@media all and (max-width:1400px) {
.banner-descp {
	width: 55%;
}
.banner-descp-detail {
	margin-top: 22%
}
}

 @media all and (max-width:1200px) {
/* #cssmenu > ul > li > a {
	font-size: 15px;
	padding: 10px;
	margin-right: 2px;
} */
.banner-descp {
	width: 65%;
}
.banner-descp-detail {
	margin-top: 18%
}
.benefit-detail {
	background: url(images/banner-descp-bg.png) no-repeat -85px 0%;
	padding: 100px 50px 100px 20px;
}
.wrapper2{
	margin-top: 0px;
	padding-top: 0px;
}
}


 @media all and (max-width:992px) {
.top-welcome, .scrollup {
	display: none !important;
}
header.fixed {
	position: relative !important;
}
.external-flexslider-container8624.default-flex .flexslider-container8624, .default-flex .flexslider .slides img.flex-slide-img {
	height: 350px;
}
.banner-descp {
	width: 75%;
	padding: 10px 100px 15px 75px;
}
.banner-descp-detail {
	margin-top: 10%
}
.banner li .title h1 {
	font-size: 30px;
	margin-bottom: 15px;
}
.banner .viewmore {
	margin-top: 15px;
}
.welcome-wrapper {
	padding: 50px 0px;
}
.benefit, .map{
	margin-top: 50px;
}
.benefit-detail {
	background: url(images/banner-descp-bg.png) no-repeat -85px 0%;
	padding: 75px 175px 75px 20px;
}
#testimonial, .product-slider {
	max-width: 720px;
	margin: 0px auto;
}
.testmonial-slider {
	margin-left: 0px;
}
}
 @media all and (max-width:767px) {
#testimonial, .product-slider {
	max-width: 540px;
}
.banner-descp {
	width: 90%;
	padding: 10px 85px 15px 75px;
}
.banner li .title h1 {
	font-size: 26px;
	line-height: 35px;
	margin-bottom: 15px;
}
.banner .viewmore a {
	font-size: 16px;
	padding: 10px 18px;
}
.benefit-detail {
	background: url(images/banner-descp-bg.png) no-repeat -50px 0%;
	padding: 50px 85px 75px 20px;
}
.title h1 {
	font-size: 30px;
}
.footer-col {
	margin-bottom: 25px;
}
.contact-box {
	margin-bottom: 0px;
}
.logo img {
	width: 145px;
}
}
 @media all and (max-width:700px) {
.banner-descp {
	display: none !important;
}
.external-flexslider-container8624.default-flex .flexslider-container8624, .default-flex .flexslider .slides img.flex-slide-img {
	height: auto;
}
}
 @media all and (max-width:575px) {
.top-menu ul li {
	padding: 0px 12px
}
.top-menu ul li.top-email {
	display: none;
}
.benefit-detail {
	background: url(images/overlay-bg.png);
	padding: 50px 20px;
}
#testimonial, .product-slider {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.product-col{
	margin-top: 0px;
}
.product-item .product-detail{
	width: 100%;
	position: relative;
	background: #fcfcfc;
	padding: 20px 15px 15px;
	color:#787878;
}
.product-item .product-detail h4{
	color:#05438b;
}
#draggable{ 
	display: none;
}
}
 @media all and (max-width:330px) {
.menu2 ul li {
	width: 100%
}
.top-menu ul li.top-phone {
	display: none;
}
}