/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*====================*/
/*=== Reset Styles ===*/
/*====================*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	/*margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;*/
}
body {
	/*line-height:1;
	color:black;
	background:white;*/
}
table {
	border-collapse:separate;
	border-spacing:0;
}
caption, th, td {
	text-align:left;
	font-weight:normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:"";
}
blockquote, q {
	quotes:"" "";
}
/* HTML5 tags */
header, section, footer,
aside, nav, article, figure {
	display: block;
}
a, .box {
	text-decoration: none;
	transition-property: all;
	transition-duration: .5s;
}
/*===================*/
/*=== Main Styles ===*/
/*===================*/
body {
	/*font:14px/1.6 Georgia, Palatino, Palatino Linotype, Times, Times New Roman, serif;
	color:#333;
	background:#eee;*/
}

/*a, a:visited {
	
	color:#6c6f70;*
	text-decoration:underline;
}
a:hover, a:active {
	color:#6c6f70!important;
	text-decoration:none;
}
*/
#dev7link {
    position:absolute;
    top:0;
    left:50px;
    background:url(images/dev7logo.png) no-repeat;
    width:60px;
    height:67px;
    border:0;
    display:block;
    text-indent:-9999px;
}

.slider-wrapper { 
	width: 100%; 
	margin: 0px auto;
}

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
	clear:both;
}
/*------------Testimonials--------------------*/
.testimonial{ float: left; width: 100%; margin: 10px 0px; font-family: georgia; font-style: italic; font-size: 13px;}
.testimonials_logo{ float: left; width: 15%; }
.testimonials_logo img{ border: 2px solid #c1c1c1; padding: 5px;}
.testimonials_detail { float: left; width: 50%; line-height: 22px; padding-top: 10px; }
.testimonials_vedio{ float: right; width:25%; }
.by_testimonisla{ width: 100%; float: left; text-align: right; font-size: 16px;}



/*-----------------End Testimonials-------------*/
img, iframe{
	 max-width: 100%;
	}
.container-wrap{
	margin:0 auto;
	max-width:1188px;
	width:100%;
	}
#logo img{
	height:auto !important;
}
footer{
	position:relative;
	padding-bottom: 50px;}

.foot-link{
	display:none;}

/* #Media Queries
================================================== */

@media only screen and (max-width: 960px) {
	.container-wrap{
    padding: 0 2%;
    width: 95%;
		}
	#banner{
		min-height:inherit;}
	.box, #content ul li{
		 min-height: inherit;
    width: 57%;
		}
	#content ul li h3{
		margin-bottom:10px;}
.learnmoreabout, .learnmorelive, .learnmore{
	position:inherit;
	float:left;
	width: 92%;
	bottom:0;
	}
ul.resp-tabs-list{
	display:table;}
.resp-tabs-list li {
    display: table-cell !important;
    font-size: 8px !important;
	min-width: inherit !important;
}
.footerbox{
	width: 18%;
	}
.footerbottom{
	font-size: 8px;
	}
.footerbox h4{
	font-size:13px;
	width:auto;}
.footerbox ul a{
	font-size:13px !important;}
#artical h1{
	font-size: 16px;
	}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus{
	font-size: 10px;
	}
#h1bg{
	 margin-bottom: 20px !important;}
#product_range{
	top: -10.5px;
	}
#product_range a{
	font-size: 8px;
	 padding: 8px 12px 8px 65px;
	}

ul.resp-tabs-list, p {
	 font-size: 14px;
    line-height: 25px;
    margin: 0;
    padding: 8px 0 0;
}

	}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	body {
    background: #f5f5f5;
}
	.container-wrap{
		max-width:400px !important;}
  header {
    height: inherit;
    margin: 0 -7px;
    padding-bottom: 10px;
    padding-top: 0;
    text-align: center;
    width: 104%;
  }
  
#logo {
    background: #fff;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 10px 20%;
    width: 60%;
	position: fixed;
	left:0;
	top:0;
	border-bottom: 2px solid #ddd;
}

.aside {
    display: inline-block;
    float: none;
     margin: 90px 0 0;
}
header h1{
	     margin-top: 10px;
    width: 100%;
	}
#content ul{
	 min-width: 100%;
	width:100%;
	padding:0;}
#product_range a{
	font-size: 10px;
	}
.box {
    width: 100%;
}
#content ul li{
	    width: 88%;
    margin: 0 0 20px;
	}
.resp-tabs-list li {
    font-size: 8px !important;
    padding: 13px 5px !important;
}
.resp-tab-active{
	padding: 12px 6px 14px !important;
	}
#artical h1{
	width:97%;
	line-height: 32px;
	    font-size: 20px;
	}
#h1bg{
	margin-bottom: 5px;
	}
.resp-tabs-container{
	width: 100%;
	}
.tabs_icon {
    margin: 0 0 20px !important;
    min-height: auto !important;
    width: 100% !important;
}
.cole1, .cole2, .cole3{
	width: 99% !important;
	margin:0 0 10px !important;
	}
h4 {
   font-size: 20px !important;
    line-height: 20px !important;
    width: 100% !important;
}
.footerbox {
    border-bottom: 1px solid;
    border-right: 0 none;
    margin: 0;
    width: 100%;
}
.footerbox ul{
	border-right:none !important;
	 min-height: inherit !important;}
.footerbottom {
    background-image: none !important;
	padding-bottom: 20px;
}
h3 span{
	    font-size: 20px !important;
	}
.slider{
	height:inherit !important;
	padding:20px 0 !important;}
.owl-carousel .owl-wrapper, .owl-carousel .owl-item{
	  font-size: 18px !important;
	}
  #downloads {
    margin-bottom: 25px;
  }
  #download-zip, #download-tar-gz {
    display: none;
  }
  .inner {
    width: 94%;
    margin: 0 auto;
  }


/* -- */

#sidebar-nav {
  background: #151718;
  width: 200px;
  height: 100%;
  display: block;
  position: absolute;
  left: -200px;
  top: 0;
  transition: left 0.3s linear;
   z-index: 10000;
}

#sidebar-nav.visible {
  left: 0;
  transition: left 0.3s linear;
}

#sidebarNav-btn {
	 background: #ba2008;
	 padding: 7px;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 15px;
  cursor: pointer;
  margin: 20px;
  position: absolute;
  top: 0;
  right: -60px;
}

#sidebarNav-btn span {
  height: 3px;
  background: #fff;
  margin-bottom: 3px;
  display: block;
}

#sidebarNav-btn span:nth-child(2) { width: 75%; }

#sidebarNav-btn span:nth-child(3) { width: 50%; }

#product_range{
	float: left;
    position: inherit;
    width: 83%;
	}
.resp-tabs-list li{
	 line-height: 15px;}
.left_col, .right_col{
	margin-left: 0;
    width: 100%;
	}

.main_form-captcha {
    margin-left: 14%;
}
.description{
	width: 94%;
	}
.alpha_icon{
	width: 100%;
	}
.slider-wrapper .nivo-controlNav{
	display:none;}
.social ul {
    float: right;
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 100%;
}
.social ul li {
    display: inline;
    margin: 0 5px;
}
.footerbox ul a {
        font-size: 15px !important;
}

#socialfeeds {
    display: none;
}
#livechat-compact-view, #livechat-compact-container, #livechat-full{
	display:none;}
.foot-link{
	display:block;}
#logo img{
	 width: 200px;}
.foot-link{
	bottom: 0;
left: 0;
position: fixed;
color: #fff;
width: 100%;
z-index: 100000;
background:rgba(186,32,8,0.8);
text-align:center;
padding: 15px 0;}
.foot-link a{
	color: #fff;
    font-weight: 700;
	padding: 0 10px;
    text-decoration: none;
    text-transform: uppercase;}
/*-- */
}
@media only screen and (max-width: 360px) {
#product_range {
    float: left;
    position: inherit;
    width: 79%;
}
#product_range a {
    font-size: 8px;
}
#content ul li {
    width: 86%;
}

h3 span{
	    font-size: 17px !important;
	}
}
.red{ color: red;}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */