/* 
-------------------------------------------
	CSS MAP
-------------------------------------------
A)  GENERAL LAYOUT
	1.  Link Style
	2.  Default Colors

B)  TYPOGRAPHY
	1. Headers
	2. Blockquotes
	3. Lists
	4. Images
	
C)  CONTENT
	1. Projects
	2. Posts
	3. Infoblock
	4. Text Positions
	5. Inputs, Buttons
	6. Number of Pages
	7. Other Styles 
	
D)	INDENT
	1. Bottom 
	2. Top
	3. Block Height
	4. Other Styles
		
E)  PORTFOLIO
	1. One Column
	2. Two Columns
	3. Three Columns
	4. Four Columns

	
F)  BLOG

G)  FOOTER
	1. Background
	2. Copyright
	
H)	TAGS

I)	SETTINGS  

-------------------------------------------
*/


body { background-image:url('../img/patterns/bg-1.png'); background-color:#0e1012;/*line-height:0 !important;*/  }
* html { margin:0; padding:0; }


/*	
	A) GENERAL LAYOUT
-------------------------------------------
	1. Link Style
-------------------------------------------
*/

a,a:link  { color:#6496c9; text-decoration: none; }
a:hover   { color:#666;    						  }

/*	
-------------------------------------------
	2. Default Colors
-------------------------------------------
*/

.light-gray { color:#666;    }
.gray       { color:#CCC;    }
.dark-gray  { color:#333334;    }
.white      { color:#FFF;    }
.green      { color:#699; }


/*	
	B) TYPOGRAPHY
-------------------------------------------
	1. Headers
-------------------------------------------
*/

h1,h2,h3,h4,h5,h6 {  margin-bottom:18px; margin-top:18px; }

h1 { font-size:3.2em; }
h2 { font-size:2.4em; }
h3 { font-size:1.8em; }
h4 { font-size:1.6em; }
h5 { font-size:1.4em; }
h6 { font-size:1.2em; }

.line-header { border-bottom:1px solid #444; padding: 9px 0; } 

/*	
-------------------------------------------
	2. Blockquotes
-------------------------------------------
*/

blockquote { 
	background: url(../img/icons/quote.png) 10px 15px no-repeat;
	margin: 0 0 18px 0;
	padding: 10px 0 0 50px;
	color:#CCC; 
	font-size: 1.2em; 
	line-height: 18px;
}
blockquote.short { width:280px; }

/*	
-------------------------------------------
	3. Lists
-------------------------------------------
*/

ul.left  { line-height:24px; text-align:left;  }
ul.right { line-height:24px; text-align:right; }
ul 		 { color:#CCC;  					   }

/* default lists */
ul.unordered { list-style: none;           }	
ul.ordered 	 { list-style: inside decimal; }	
ul.square 	 { list-style: inside square;  }	
ul.circle 	 { list-style: inside circle;  }

/* Underline lists */
ul#nav-list 			 { background-image:none; color:#FFF; font-size:12px; line-height:18px; }
ul#nav-list a:hover 	 { color:#FFF; 	  }
ul#nav-list.underline li { padding:9px 0; }

ul.list{font-size:12px; line-height:1.8em; margin-bottom:18px;}
ul.underline li { padding: 10px 0; border-bottom: 1px dashed #333; }

/* link Lists */
ul.link-list  li{ background: url(../img/icons/link.png) 0 .5em no-repeat; padding-left: 2em; }
ul.link-list.underline li{ background: url(../img/icons/link.png) 0 1.5em no-repeat; border-bottom:1px dashed #333; }
ul.link-list.underline li:hover{ background: url(../img/icons/link.png) 0 1.5em no-repeat; background-color:#141516; }

ul.link-list li a.list-link,a.list-link:link { text-decoration: none; }
ul.link-list li a.list-link:visited 		 { color:#445f7b; 		  }
ul.link-list li a.list-link:hover   		 { color:#666; 			  }

/* image lists */
ul.arrow-list li { background: url(../img/icons/arrow.png) 0 .4em no-repeat; padding-left: 2em; }
ul.check-list li { background: url(../img/icons/check.png) 0 .4em no-repeat; padding-left: 2em; }
ul.star-list li  { background: url(../img/icons/star.png) 0 .4em no-repeat;  padding-left: 2em; }


/*	
-------------------------------------------
	4. Images
-------------------------------------------
*/

img 			{ padding:0; margin:0;				   }
img.left-image  { padding: 0 20px 18px 0; float:left;  }
img.right-image { padding: 0 0 18px 20px; float:right; }

img:hover {cursor:pointer;}
.socials img { padding-right:5px; }


/*	
	C) CONTENT
-------------------------------------------
	1. Projects
-------------------------------------------
*/

#project_post  { clear:both; padding-bottom:18px;    }
.animate a.img { float:left; padding: 0 20px 18px 0; }

.project_img { 
	background:url('../img/bg-three-column.png') no-repeat;
	float:left;
	height:144px;
	padding:5px 0 0 5px;
	width:285px;
 }
 
.project_info	 { float:left; margin-left:20px; width:370px; }
.project_info p  { padding-bottom:36px; 					  }
.project_info h3 { margin-top:0; margin-bottom:9px; 		  }

/*	
-------------------------------------------
	2. Posts
-------------------------------------------
*/
#posts 	  { padding-bottom:18px; 							}
#posts p  { color:#699; line-height:19px; padding-bottom:0; }
#posts em { color:#666; font-size:1em; padding-bottom:18px; }

p.comments { font-size:10px; }

/*	
-------------------------------------------
	3. Infoblock
-------------------------------------------
*/
.info-block {
	background-color:#222;
	border-left:.5em #333 solid;
	border-right:.5em #333 solid;
	border-top:.1em #333 solid;
	border-bottom:.1em #333 solid;	
	color:#999;
	font-size:1.2em;
	padding: 1em 2em 1em 2em;
	text-align:left;
	margin-bottom:18px;
	margin-top:18px;
}


/*	
-------------------------------------------
	4. Text Positions
-------------------------------------------
*/
.left   { text-align:left;   }
.right  { text-align:right;  }
.center { text-align:center; }


/*	
-------------------------------------------
	5. Inputs, Buttons
-------------------------------------------
*/

 label {
	width:80px;
	display:block;
	font-size:12px;
	color:#699;
	float:left;
	line-height:28px;
 }

input[type=submit], input[type=button] { 
	background:#222; 
	width:100px; 
	font-size:14px;
	height:27px;
	line-height:18px; 
	border:0; 
	color:#FFF; 
	vertical-align:middle; 
	cursor:pointer; 
	padding-bottom:.1em; 
	border-bottom:1px dashed #363b40;
	border-top:1px dashed #363b40;
 }
input[type=submit]:hover, input[type=button]:hover { background:#333; color:#FFF;  }
input[type=text] {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#a0a0a0;
	background-color:#222;
	border:1px dashed #333; 
	height:26px;
	line-height:25px;
	padding:0px 5px;
	vertical-align:middle;  
	font-size:12px;
}
.search { width:158px; }
.email 	{ width:158px; }

/* Search Button */
#search {float:right;padding:6px 16px 0px 0px; width:200px;}
#search .input-submit { background:url(../img/search-sprites.jpg) no-repeat top left;width:30px;height:28px;cursor:pointer;vertical-align:middle; border:0; }
#search .input-submit:hover {background-position:0px -28px;color:#CCC;}

#search h3 { margin-top:0; margin-bottom:9px; }

/* Subscribe Button */
#subscribe {float:right;padding:6px 16px 0px 0px; width:200px;}
#subscribe .add-input-submit { background:url(../img/subscribe-sprites.jpg) no-repeat top left;width:30px;height:28px;cursor:pointer;vertical-align:middle; border:0; }
#subscribe .add-input-submit:hover {background-position:0px -28px;color:#CCC;}


.button {width:126px;display:block;background:url(../img/buttons.png) no-repeat;height:40px;line-height:30px;font-size:12px;text-align:center;cursor:pointer;}
a.button { color:#FFF; }
.button-gray 	   { background-position:0px 0px;color:#CCC; margin-bottom:18px;}
.button-gray:hover { background-position:0px -40px;color:#CCC; 					}

.submit_comment    { margin-left:80px; }
.contact 		   { width:508px;  	   }
.contact:hover, 
textarea:hover 	   { background-color:#333; }

textarea {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	width:508px; 
	color:#a0a0a0; 
	background-color:#222; 
/*	border:1px dashed #333; */ 
	overflow:hidden; 
	height:150px;
	font-size:12px; 
	text-align:left; 
	padding:5px;
}

.button-blue {background-position:0px -80px;color:#CCC;}
.button-blue:hover {background-position:0px -120px;color:#CCC;}


/*	
-------------------------------------------
	5. Number of Pages
-------------------------------------------
*/

#item-page { margin-top:18px; height:40px; margin-bottom:36px; }
#item-page li a.b, a.b:link, a.b:visited { color:#FFF; }
#item-page li:hover { background-position:0px -40px;cursor:pointer; }
#item-page li.active { background-position:0px -40px; }

#item-page li {
	background:url(../img/page-buttons.png) no-repeat;
	display:block;
	font-size:12px;
	float:left;	
	height:38px;
	line-height:28px;
	margin-right:10px;
	text-align:center;
	width:38px;
}


/*	
-------------------------------------------
	6. Other Styles
-------------------------------------------
*/

span {font-size: 1.2em; line-height: 1.8em;}
p { color:#CCC; font-size: 1.2em; line-height: 19px; padding-bottom:18px;}

hr { 
	background-color:#333333; /*for Firefox, Opera, Safari*/ 
	border:0px none; height:1px; /* height 1px IE, Firefox, Opera, Safari */ 
	color: #333; /*for IE */ 
	clear:both; /* for clear, if tag after float element */ 
} 

.separation {	
	height:54px; 
	background-image:url('../img/patterns/bg-1.png'); 
	background-color:#161616; 
	border-bottom:1px dashed #363b40;
	border-top:1px dashed #363b40;

}

.separation .grid16-height { height:54px; }


/*	
	C) INDENT
-------------------------------------------
	1. Bottom
-------------------------------------------
*/
.indent-padding-1 { padding-bottom: 18px;  }
.indent-padding-2 { padding-bottom: 36px;  }
.indent-padding-3 { padding-bottom: 54px;  }
.indent-padding-4 { padding-bottom: 72px;  }
.indent-padding-5 { padding-bottom: 90px;  }
.indent-padding-6 { padding-bottom: 108px; }
.indent-padding-7 { padding-bottom: 126px; }
.indent-padding-8  { padding-bottom: 144px; }
.indent-padding-9  { padding-bottom: 162px; }
.indent-padding-10 { padding-bottom: 180px; }
.indent-padding-11 { padding-bottom: 198px; }
.indent-padding-12 { padding-bottom: 216px; }

/*	
-------------------------------------------
	2. Top
-------------------------------------------
*/
.indent-top-1  { margin-top: 18px;  }
.indent-top-2  { margin-top: 36px;  }
.indent-top-3  { margin-top: 54px;  }
.indent-top-4  { margin-top: 72px;  }
.indent-top-5  { margin-top: 90px;  }
.indent-top-6  { margin-top: 108px; }
.indent-top-7  { margin-top: 126px; }
.indent-top-8  { margin-top: 144px; }
.indent-top-9  { margin-top: 162px; }
.indent-top-10 { margin-top: 180px; }
.indent-top-11 { margin-top: 198px; }
.indent-top-12 { margin-top: 216px; }
.indent-top-13 { margin-top: 234px; }
.indent-top-14 { margin-top: 252px; }
.indent-top-15 { margin-top: 270px; }
.indent-top-16 { margin-top: 288px; }
.indent-top-17 { margin-top: 306px; }
.indent-top-18 { margin-top: 324px; }

/*	
-------------------------------------------
	3. Block Height
-------------------------------------------
*/

.height-1  { height: 18px;  }
.height-2  { height: 36px;  }
.height-3  { height: 54px;  }
.height-4  { height: 72px;  }
.height-5  { height: 90px;  }
.height-6  { height: 108px; }
.height-7  { height: 126px; }
.height-8  { height: 144px; }
.height-9  { height: 162px; }
.height-10 { height: 180px; }
.height-11 { height: 198px; }
.height-12 { height: 216px; }
.height-13 { height: 234px; }
.height-14 { height: 252px; }
.height-15 { height: 270px; }
.height-16 { height: 288px; }
.height-17 { height: 306px; }
.height-18 { height: 324px; }

/*	
-------------------------------------------
	4. Other Styles
-------------------------------------------
*/

.no-indent { margin-top:0; margin-bottom:9px; }







.image-container-three { padding:0 0 1.8em 0; }



/*	
	E) PORTFOLIO
-------------------------------------------
	1. One Column
-------------------------------------------
*/

#bg-image-one {
	width:630px;
	height:234px;
	background-image:url('../img/bg-one-column.png');
	background-repeat:no-repeat;
	padding:5px 5px 0 5px;
}

/*	
-------------------------------------------
	2. Two Columns
-------------------------------------------
*/

#bg-image-two { background:url('../img/bg-two-column.png') no-repeat; margin-right:35px; width:455px; margin-top:18px; }

/*	
-------------------------------------------
	2. Three Columns
-------------------------------------------
*/

#bg-image-three {
	width:285px;
	background:url('../img/bg-three-column.png') no-repeat;
	margin-right:40px;
	margin-top:18px;
}

/*	
-------------------------------------------
	2. Four Columns
-------------------------------------------
*/

#bg-image-four {
	width:215px;
	background:url('../img/bg-four-column.png') no-repeat;
	margin-right:25px;
	margin-top:18px;
}


#bg-image-four.last, #bg-image-three.last, #bg-image-two.last { margin-right:0px; }
#bg-image-two, #bg-image-three, #bg-image-four {	padding:5px 0 0 5px; float:left; }
.full-width { width:960px !important; }



/*	
-------------------------------------------
	F) BLOG
-------------------------------------------
*/
#post_info { height:24px; width:640px; 	font-size:9px;}
#post_info span {
	color:#CCC;
	float:left;	
	line-height:11.7px;
	height:18px;
	margin-right:20px;	
	padding-left:17px;
	text-align:center;
}
#post_info span.date    { background: url('../img/icons/blog/ico_clock.png') no-repeat;    }
#post_info span.author  { background: url('../img/icons/blog/ico_author.png') no-repeat;   }
#post_info span.folder  { background: url('../img/icons/blog/ico_category.png') no-repeat; }
#post_info span.comment { background: url('../img/icons/blog/ico_comments.png') no-repeat; float:right; margin:0; padding:0; width:32px; height:24px; line-height:20px; }
#post_info span.tag     { background: url('../img/icons/blog/ico_tag.png') no-repeat;      }

#post_info span > a { color:#699; }
#post_info span > a:hover { color:#666; }
#post_info span.comment > a { color:#FFF; }
#post_info span.comment > a:hover { color:#111; }

#single_post { clear:both; }
.bp-block {
	width:auto;
	background-color:#222;
	padding-top:18px;
	padding-left:10px;
	border-top:1px dashed #363b40;
	margin-bottom:18px;
	border: 1px dashed #363B40;
}
.bp-block.reply { margin-left:70px; width:auto; }
.bp-block .grid_2 { width:80px; }




/*	
	G) FOOTER
-------------------------------------------
	1. Background
-------------------------------------------
*/

.footer-container16-bg {
	 width:100%; 
	 height:300px; 
	 background-color:#161616;
	 background-image:url('../img/patterns/bg-1.png');
   	 border-bottom:1px dashed #363b40;
  	 border-top:1px dashed #363b40;
}

/*	
-------------------------------------------
	2. Copyright
-------------------------------------------
*/

.copyright { 
	height:20px;
	text-align:center;
	vertical-align:middle;
}

.copyright h6 {
	 color:#669999;
	 padding:14px 14px 14px 0; 
	 margin:0;
}



/*	
-------------------------------------------
	H) TAGS
-------------------------------------------
*/

	#tags ul{
		margin:1em 0;
		padding:.5em 0px;
		text-align:center;
		}
	#tags li{
		margin:0;
		padding:0;
		list-style:none;
		display:inline;
		}
	#tags li a{
		text-decoration:none;
		color:#444;
		padding:0 5px;	
		}
	#tags li a:hover{	
		color:#699; 
		}		
	
	.tag1{font-size:100%;}
	.tag2{font-size:120%;}
	.tag3{font-size:140%;}
	.tag4{font-size:160%;}
	.tag5{font-size:180%;}

/*	
-------------------------------------------
	I) SETTINGS
-------------------------------------------
*/
#style-switcher {  
  position: absolute;  
  width: 70px;  
  height:380px;
  top: 250px;  
  left: 10px;  
  background: #111;
  padding: 5px;
  border: 1px solid #333;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow:0 0 6px #000000;
  -webkit-box-shadow:0 0 6px #000000;      
} 

	#colorpickerField {
	width:22px;
	height:22px;
	background-color:#18242e;
	cursor:pointer;
	border:1px solid #666;
	padding:0px;
	margin-right:5px;
	margin-left: 5px;
	margin-bottom:10px;
	color:#FFF;
	float:left;
}

#color_box { width:22px; height:22px;	cursor:pointer;
	border:1px solid #666;
	padding:0px;
	margin-right:5px;
	margin-left: 5px;
	margin-bottom:10px;
	color:#FFF;
	float:left;
 }
.color_0e1012 {	background-color: #0e1012; }
.color_022427 { background-color: #022427; }
.color_201710 { background-color: #201710; }
.color_0c2841 { background-color: #0c2841; }
.color_032911 { background-color: #032911; }
.color_241406 { background-color: #241406; }
.color_182326 { background-color: #182326; }


/*	
-------------------------------------------
	I) columns 
-------------------------------------------
*/
/*tools*/
.pull-left{float:left;}
.pull-right{float:right;}
.dib{display:inline-block;}
.db{display:block;}
.text-center{text-align:center;}
.text-right{text-align:right;}
.text-left{text-align:left;}
.clearfix:after{content:""; display:block; clear:both;}
/******cols****************/
 [class*="col-"] {float:left;}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}
/********about-us******/
.about-us-header .a2 {display: block; margin: auto;margin-top: 8px;}
.logo-right {text-align: right;}
.container-content { background: url(../graphics/gfx/bkgd-shad-ee.gif); margin:2px;padding: 0px 15px;}
.about-us-header {background-color: #41424B;display: inline-block;width: 100%;}
body#about-page  {margin-top: 0px;}
.image-right {float: right;}
.image-left {float: left;}
.footer-logo {background-color: #41424B;display: inline-block; width: 100%;}
.footer-logo-right {float: left;display: inline-block;}
.footer-link.center {float: right;display: inline-block;}
.footer-link.center a {display: block;}
.a2 {font-family: Verdana, Arial, Helvetica;font-size: 11px; color: #00CC00 !important;text-decoration: none;}
.main-navigation {background-color: rgb(17, 17, 23);background-image: url(../graphics/gfx/lnav_bkgd_4.gif);margin:0px;display: block;height: 100%;}
ul.nav-menus li a { margin: 4px;padding: 0px;display: block;}
ul.nav-menus {display: block;}
 .sf-menu {display:block;}
.clear{clear:both;}
.nav-menus a img:hover {box-shadow: 2px 1px 1px #ddd;}

/*******Footer*******/
.main-index {margin-top: 50px;}
.footer-nav {padding: 0;margin: 0;}
ul.footer-nav li {list-style: none;display: inline-block;}
.join-now {margin-top: 5px;}
.footer-link {float: right;display: inline-block;padding: 8px 35px;}
.footer-nav li a:hover,.join-now a:hover {color: #fff !important;}
.copyright-section {margin-top: 20px;}
.copyright-section p {color: #666666;padding-bottom:0px;}
.bottom-image {margin-top: 15px;}
.bottom-image p {font-size: 10px;line-height: 1;}
.bottom-image a {text-align: right;display: block;margin-top:5px;}
/************/

/*********Services*********/
.remember-confusing {font-size:26px; color:#ffff00;}
.overview-menu ol {padding: 0px 35px; margin: 0;}
/******Samples*********/
.sample-content {padding: 50px 30px;}
.sample-content p {padding-bottom: 0px;line-height: normal;}
.map-bottom {padding-top: 20px;padding-bottom: 20px !important;}
.instant.access {width: 50%;float: left;}
.delayed.access {float: right; width: 50%;}
.north-east-left {border-right: 2px solid #000;padding: 10px 0px;}
.border-join {border: 1px solid #000;}
.grey-background { background-color: #515465;    margin-top: 10px;}
.services-content p {padding-bottom: 0px;}
.services-menu ul li {font-size: 9pt;color: #9898AF; line-height: 15px;}

/******Links-content**********/
.links-content {text-align: center;background: #000;margin-top: 10px;}
.links-content p {padding-bottom: 5px;line-height: 25px;}
.links-border {border-bottom: 1px dashed #fff;margin-left: 10px;margin-right: 10px;}

/********testimonials**************/
.testimonials-content {padding: 10px 40px;}
.testimonials-content hr { width: 350px;background-color:#41424b;}
.test-long-border {border: 1px dashed #666;margin: 10px 0px;width: 245px;}

/**********login************/
.testimonials-content input[type="TEXT"] {font-family: Verdana, Geneva, Tahoma, sans-serif;height: auto;background: #fff;border: 0;line-height: 20px;padding: 0 5px;vertical-align: middle;font-size: 12px;}
.login-btn-image { text-align: center;}
.testimonials-content input[type=submit], input[type=button] {background:#fff;width:auto;height:auto;color:#000;font-size: 12px;border: 0;}
.testimonials-content p {padding-bottom: 0px;}
.testimonials-content .inner-contents {padding-bottom: 45px;}
/*******join-us*******/
.join-menu ul li:before {list-style-type: disc;content: "\2022";color: #000;display: inline-block;width: 1em;margin-left: -1em;}
.join-menu {padding: 0px 30px;}
.join-menu ul li {display: block;line-height: 15px;padding: 0;margin: 0;color: #fff;}
.join-menu ul {padding: 0;margin: 0;}
.north-east-left p {padding-bottom: 0px;line-height: 12px;}
.join-menu .style58 {font-size: 8pt;}
.join-us-mapping p {font-size: 8pt; padding-bottom: 0px;}
.join-us-content {padding: 20px;}
.delayed.access,.instant.access {color: #fff;}
.delayed.access a,.instant.access a { color: #000;}
.join-us-mapping {padding-bottom: 15px;}
.right-image-sec {display: table;width: 100%;}
.right-image-sec a {display:block;}
.right-image-sec img {display: table-cell; margin: 100px;}
/***********contact************/
.table-left {width: 37%;}
.table-right {width: 63%;}
.table-contact-sec textarea {background-color: #fff !important;}
.contact-content table td {border: 1px solid #000;}
.contact-content table tr {border: 1px solid #000;}
.contact-content table tr:last-child, .contact-content table td:last-child {border: 0px;}
.contact-content  input[type=submit], .contact-content  input[type=button],.contact-content  input[type=submit]:hover, .contact-content  input[type=button]:hover {background: #fff !important;
color: #000;}
.contact-content .inner-contents p {padding-bottom: 0px;color: #fff;font-size: 8pt;}
.services-content ol li a {display: block;}
/*******************/


@media (max-width: 767px) {
    /* For mobile phones: */
    [class*="col-"] {width: 100%;}
    .image-left img,.image-right img {width: 100%;}
    .style49 {font-size: 12px !important;}
    .remember-confusing {font-size:14px !important;}
    .inner-imgs img {width: 100%;}
    .sample-content .style4 {font-size: 18px;}
    .inner-imgs img { width: 100%;max-width: 300px;display: block;}
    .links-content a {word-break: break-all;font-size: 15px;}
    .links-image img {width: 100%;max-width: 300px;margin: auto; display: block;}
    .footer-logo-right img {width: 100%;}
    .testimonials-content hr { width: 100%;}
    .login-btn-image img {width: 100%;}
    .testimonials-content input[type=submit], input[type=button] {font-size:10px;}
    .sf-menu {display: none;}
    .sf-menu-container {position: relative;}
    ul.sf-menu {position: absolute; right: 0px;top: 35px;width: 200px;background: #41424b;text-align: left;z-index: 999;}
     ul.sf-menu li {width: 190px; border-bottom: 1px solid #000;padding: 4px;margin: 0;}
ul.sf-menu li:last-child{border-bottom: 0px;}
.container_16 .grid_11  {width: 150px !important;float:right;}
 .container_16 .grid_5 {width: 150px !important;}
div#slider-wrapper {width: 350px;} 
div#slider {width: 350px !important;background-size:contain !important;}
.nivoSlider img {width:100%;}
.nivo-controlNav {left:100px;}
.grid_11.right.indent-top-1 {margin-top:0;}
.container_16 {width:100%;}
.sf-menu-container .hame-icon {padding: 0px;}
.container_16 .grid_16 {width: 100%;margin-left: 0px !important;}
.nivo-box{display:none !important;}
#slider,#slider-wrapper {height:160px !important;}
.copyright h6 {padding:10px;}
.no-indent.light-gray.line-header {max-width: 330px;margin: auto;margin-bottom:10px;} 
.table-contact-sec textarea {width: 110px;height:80px;margin:5px;}
.table-contact-sec input[type="submit"] {margin-right: 8px;}
.table-contact-sec .table-left {text-align:center !important;padding-right: 8px;padding-left:1px;}
.your-ques {white-space: nowrap;}
.station-content img,.testimonials-content img {width: auto;float: none;margin: auto;}
.services-content li {margin-left: 18px;}
.login-btn-image img {width: 100%;max-width: 300px;margin: auto;display: block;}
}

.logo-box img{max-width:100%; height:auto;}
.home-social-box{padding-bottom:10px;}

@media(min-width:768px) and (max-width:980px){
   .box-content-wrapper.container_16, .box-content-wrapper .grid_16, .container_16.copyright{max-width:750px; float:none; margin-left:auto; margin-right:auto;}
    .box-content-wrapper #slider, .box-content-wrapper #slider-wrapper{max-width:750px;}
    .box-content-wrapper .header .grid_11 {width: 517px;  margin-right: 0px; margin-top: 7px;  margin-left: 0px;}
    .box-content-wrapper .header .grid_5{width:200px;}
    .box-content-wrapper .header .sf-menu a {padding: .65em 9px;}
    .box-content-wrapper .header .sf-menu a, .box-content-wrapper .header .sf-menu a:visited {font-size: 12px;}
    body .nivo-controlNav{left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
    .box-content-wrapper #slider{background-size:contain !important;}
}

@media (max-width:991px) {
      /* For mobile phones: */
    [class*="col-"] {width: 100%;}
.image-left,.image-right {float: none;text-align: center;}
.logo {text-align: center;}
.footer-logo-right {width:50%;}
.hame-icon {float: right;padding: 10px 15px;}
.hame-icon span {display: block;width: 20px;height: 4px; margin-bottom: 5px;background-color: #fff;}
ul.nav-menus {display: none;}
.menu-container {position: relative;}
ul.nav-menus {position: absolute;right: 15px;top: 32px; background: #41424b; width: 150px; padding: 5px; text-align: center;}
.logo-right,.about-us-header {text-align:center;}
.services-content {padding: 20px 0px;}
.station-inner-content img {text-align: center;display: block;max-width: 144px;margin: auto;}
.north-east-left {border-right:0px;}
.mobile-center-home {text-align: center;}
.nivo-box{display:none !important;}
.table-contact-sec textarea {margin:5px;}
.table-contact-sec input[type="submit"] {margin-right: 8px;}
.main-navigation {height:auto;}
.sample-content { padding: 50px 10px;}
.container-content.join-now-contain {padding: 0px;}
   }
   @media (max-width:479px) {
       .testi-images img {width: 100%;max-width: 150px;}
       .strongly-feel strong {font-size: 11px;}
       .testimonials-content {padding: 10px 20px;}
       }
   
@media (max-width:1199px) {.right-image-sec img {margin: 0px;}

}
@media (min-width:992px) {
    .main-navigation {padding-bottom: 100%;}
    .services-content { padding: 30px;}
}
@media (max-width:991px) and (min-width:768px) {
    .sf-menu-container .hame-icon {display: none;}
    #slider-wrapper {margin-top:30px;}
    .services-content li {margin-left: 30px;} 
    }
@media(min-width:481px) and (max-width:767px){
    
}

@media(min-width:320px) and (max-width:480px){
    
}