@charset "utf-8";
/* CSS Document */


/* ---------------------------------------------------------------------- */
/* Theme Information
/* ----------------------------------------------------------------------
Name: Inceptio
Description: Responsive Multi-Purpose Theme
Version: 1.3
Author: Ixtendo
Author URI: http://www.ixtendo.com
------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------- */
/* Media Queries
/* ---------------------------------------------------------------------- */

/* Standard 960 or larger (browsers) */
@media only screen and (min-width: 960px) {
	

	
}
/* ---------------------------------------------------------------------- */
/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 1024px) {
	
	ul#navlist {list-style: none;margin: 0;	padding: 0;}
ul#navlist li {	float: left;}
ul#navlist li a {display: block;font-size: 1.166em; /* 14px */font-weight: 600;line-height: normal;color: #333;padding: 41px 20px 0px;margin-bottom: 4px; text-align:right;}
ul#navlist li.current a,
ul#navlist li a:hover,
ul#navlist li a.selected {color: #f8661d;}
ul#navlist li a:hover,ul#navlist li a.selected {background-color:none;}
.top3nav a{ color:#000!important; margin-right:10px; margin-left:10px; font-weight:bold; }
ul#navlist li:last-child{ padding:0; margin:0;}

.inner_wrap{ width:95%;}
.testomoinal_inner{ margin-right:0px;}
	/* Tiny Nav */
.tp-caption.big { margin-top:-3em; font-size:25px!important;}
	.black { margin-top:-3em;}
	
	/* Header */
	
	#header {
		margin-bottom: 30px;	
	}

	
	
}
/* ---------------------------------------------------------------------- */
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	/* Container */ 
	
	.advancesharp{ margin-left:10px;}
	
	.intertabslider{ margin-top:5em!important; height:200px!important; overflow:hidden;}
	.inner_wrap{ width:95%!important;}
	.testomoinal_inner{ margin-right:-4.6em!important;}

		.nav-wrap{ margin-top:2em!important;}
	
ul.portfolio-grid > li{text-align:center;float:left;margin:0 0px 10px 10px}
.midcontantbg{line-height:25px;}
.testomonailbg{ float:right; margin-right:-63px; margin-top:2em; }
.texthomepage{ width:90%;}
.one-nine{ width:10%!important;}
.tabmin{ margin-right:-50px;}
h2{ font-size:21px;}

.three-fourths{width:73.5%}

.newseventbg{ padding-left: 50px;
    text-indent: 0;
    width: 88%; line-height:24px;}


.tp-caption.big { margin-top:-2em; font-size:25px!important;}
	.black { margin-top:-3em;}


	.container {
		width: 748px;	
	}
	
	/* Carousel */
	
	.project-carousel > li {
		margin-right: 44px;
	}
	
	/* Related Posts */
	
	.related-posts .post-carousel > li {
		width: 172px;
		margin-right: 20px;
	}
	
	/* FlexSlider */
	
	.flex-caption {
		bottom: 91px;	
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li.one-third {
		width: 236px;
	}
	
	ul.portfolio-grid > li.one-half {
		width: 364px;
	}
	
	
	
	
}
/* ---------------------------------------------------------------------- */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	
	/* Slider */
ul.portfolio-grid > li{text-align:center;float:left;margin:0 0px 10px 10px}
    .flex-caption {
		display: none;	
	}
	
	/* Columns */
	
	.one-half, .one-third, .one-fourth, .two-thirds, .three-fourths {
		float: none;
		display: block;
		margin-right: 0;
		width: 100%;
		max-width: none;
	}
	
	/* Floats */
	
	.alignleft, .alignright {
		float: none;	
	}
	
	/* Containers */
	
	#main, #sidebar {
		margin-bottom: 40px;	
	}
	
	/* Header */
	
	#logo {
		float: none;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	#logo a, #logo img {
		display: inline-block;	
	}
	
	/* Footer */
	
	#footer-top > .container > div {
		margin-top: 40px;
	}
	
	#footer-bottom > .container > div {
		margin-top: 20px;
	}
	
	#footer-featured > .container > div {
		margin-top: 20px;
	}
	
	#footer-top > .container > div:first-child,
	#footer-bottom > .container > div:first-child,
	#footer-featured > .container > div:first-child {
		margin-top: 0;
	}
	
	#footer .social-links {
		float: none;
	}

	/* About Us */
	
	.team-member {
		margin-right: 0;
	}
	
	/* Images */
	
	.entry-image.alignleft, .alignleft.caption,
	.entry-image.alignright, .alignright.caption {
		margin: 20px 0;	
	}
	
	.entry-image.aligncenter, .aligncenter.caption {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	/* Comment Form and Contact Form */
	
	#comment-form input, .content-form input {
		width: 80%;
	}
	
	#comment-form textarea, .content-form textarea, .content-form select {
		width: 90%;
	}
	
	/* Page Title */
	
	#page-title h1 {
		float: none;
	}
	
	#breadcrumbs {
		display: none;	
	}
	
	/* Infobox */
	
	.infobox div.with-button {
		display: block;	
	}
	
	.infobox .button {
		display: none;
	}

	.infobox .mobile-button {
		float: none;
		display: block;
		text-align: center;
		margin-left: 0;
		margin-top: 20px;
	}
	
	/* Pricing Tables */
	
	.pricing-table {
		margin-left: 0;
	}
	
	.pricing-table.one-fourth, .pricing-table.one-third {
		max-width: 100%;
		width: 100%;
	}
	
	/* Carousel */
	
	ul.portfolio-grid {
		margin-right: 0;
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li {
		float: none;
		max-width: 100%;
		margin-right: 0;
	}
	
	/* Blog */
	
	.blog-entry-list .share-wrap h4, 
	.blog-entry-list .share-wrap .social-links  {
		float: none;	
	}
	
}
/* ---------------------------------------------------------------------- */
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {


    .js .tinynav { 
		display: block; 
	}
	
    .js #navlist { 
		display: none; 
	}
	
	#nav, .tinynav {
		width: 370px; 
	}

	/* Container */
	.midcontantbg span{ padding:0px;}
	.container {
		width: 420px;
	}
	

	/* Carousel */
	
	.project-carousel > li {
		width: 200px;	
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li.one-fourth {
		width: 220px;
		margin-left: 100px;
		margin-right: 100px;
	}
	
	ul.portfolio-grid > li.one-third {
		width: 300px;
		margin-left: 60px;
		margin-right: 60px;
	}
	
	


	#logo img{ margin-left:-3em; width:330px; }
	#nav, .tinynav {width: 220px;margin-top:-2.5em;	}
	
	.top3nav{  margin-top:-5em; margin-right:5px; float:right; padding-right:0em;  }
	
	.fullwidthbanner-container{ margin-top:0em; height:320px;}

	.tp-caption.big { margin-top:2em; font-size:25px!important;}
	.black { margin-top:5em;}
.testomonailbg{ background:#fa9138!important; width:100%; min-height:150px;}
.testomonialtext, .testemployed{ text-align:center; margin:0;}

.newseventbg{      line-height: 20px;
    padding-left: 70px;
    text-indent: 0;
    width: 329px;  }
.midcontantbg{line-height:25px;}

h3 {clear:both}
#footer-top ul li{  }
.footerlitop{ margin-left:-40px!important; margin-top:-20px;!important}
.footerlitop ul{}
.footerlitop ul li{ margin-bottom:0px;}
.footerlitop ul li a{ color:#2d2d2d;}

.social-links li{display:inline-block;vertical-align:middle;margin:0 17px 20px 0; }
.textwelcome{ width:60%; float:left;}


}


/* ---------------------------------------------------------------------- */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {


    .js .tinynav { 
		display: block; 
	}
	
    .js #navlist { 
		display: none; 
	}
	
	#nav, .tinynav {
		width: 370px;
	}

	/* Container */
	.advancesharp{ margin-left:30px;}
	.intertabslider{ margin-top:5em!important; height:200px!important; overflow:hidden;}
	.inner_wrap{ width:90%!important;}
	.testomoinal_inner{ margin-right:0em!important;}
	.bradcram{ width:95%}
	
.textwelcome{ width:50%; float:left;}
#logo img{ margin-left:-1em; width:80%; }
#nav, .tinynav {width: 250px;margin-top:-1.8em; margin-right:20px;	}

.top3nav{  margin-top:-5em; margin-right:5px; float:right; padding-right:0em;  }

.fullwidthbanner-container{ margin-top:0em; height:320px;}

.tp-caption.big { margin-top:8em; font-size:25px!important;  line-height:50px;  color:#000!important; margin-left:-2em!important }
.black { margin-top:13em;}
.testomonailbg{ background:#fa9138!important; width:94%; min-height:150px;}
.testomonialtext, .testemployed{ text-align:center; margin:0;}
.midcontantbg span{ padding:5px;}
.newseventbg{      line-height: 20px;
padding-left: 70px;
text-indent: 0;
width: 69%;  }
.midcontantbg{line-height:25px;}

h3 {clear:both}
#footer-top ul li{  }
.footerlitop{ margin-left:-40px!important; margin-top:-20px;!important}
.footerlitop ul{}
.footerlitop ul li{ margin-bottom:0px;}
.footerlitop ul li a{ color:#2d2d2d;}

.social-links li{display:inline-block;vertical-align:middle;margin:0 17px 20px 0; }
	
	.one-third{ margin-left:2%!important;}
	
	
	
	.container {
		width: 300px;
		
	
	}
	
	/* Carousel */
	
	.project-carousel > li {
		margin-left: 40px;
		margin-right: 40px;
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li.one-fourth {
		width: 220px;
		margin-left: 40px;
		margin-right: 40px;
	}
	
	/* Flexslider */
	
	.flex-direction-nav a {
		height: 87px;
		margin-top: -43px;	
	}
	
	/* Tiny Nav */
	

	
	/* Revolution Slider */
	
	.tp-bullets {
		display: none;	
	}
	
	/* Intro */
	
	.intro .buttons-wrap .button,
	.introbox .buttons-wrap .button {
		margin-right: 0;
		margin-top: 10px;	
		display: block;
		text-align: center;
	}
	
	.intro .buttons-wrap .button:first-child,
	.introbox .buttons-wrap .button:first-child {
		margin-top: 0;	
	}
	
	/* Clients */
	
	.clients {
		margin-right: 0;	
	}
	
	.clients li {
		float: none;	
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Blog */
	
	.blog-entry-list .entry-date,
	.author-image,
	ol.comment-list .avatar-wrap {
		float: none;	
	}
	
}



@media only screen and (max-width: 240px) {
	
#advanced{ width:80%; font-size:20px; line-height:20px; padding-top:30px; height:80px;}
	
		/* Container */
			.intertabslider{ margin-top:5em!important; height:200px!important; overflow:hidden;}
	.inner_wrap{ width:80%!important;}
	.testomoinal_inner{ margin-right:0em!important;}
	.bradcram{ width:93%}
		
.textwelcome{ width:0%; float:left; font-size:0px;}
#logo img{ margin-left:1em; width:80%; }
#nav, .tinynav {width: 200px;margin-top:-2em; margin-left:20px;	}

.top3nav{  margin-top:-5em; margin-right:5px; float:right; padding-right:0em; font-size:0px;   }

.fullwidthbanner-container{ margin-top:0em; height:320px;}

.tp-caption.big { margin-top:40em; font-size:12px!important;  line-height:50px; background:none;  color:#000!important; margin-left:-2em!important }
.black { margin-top:25em;}
.testomonailbg{ background:#fa9138!important; width:92%; min-height:150px;}
.testomonialtext, .testemployed{ text-align:center; margin:0;}

.newsimage{ position:relative; margin-left:30%;}
#emailid{ width:80%;}
.midcontantbg span{ padding:0px;}
.newseventbg{  line-height: 20px;
    padding-left: 8px;
    text-indent: 0;
    width: 92%;}
.midcontantbg{line-height:25px;}

h3 {clear:both}
#footer-top ul li{  }
.footerlitop{ margin-left:-40px!important; margin-top:-20px;!important}
.footerlitop ul{}
.footerlitop ul li{ margin-bottom:0px;}
.footerlitop ul li a{ color:#2d2d2d;}

.social-links li{display:inline-block;vertical-align:middle;margin:0 17px 20px 0; }
	
	.one-third{ margin-left:2%!important;}
	
	
	
	.container {
		width: 200px;
		
	
	}
	
	/* Carousel */
	
	.project-carousel > li {
		margin-left: 40px;
		margin-right: 40px;
	}
	
	/* Portfolio Grid */
	
	ul.portfolio-grid > li.one-fourth {
		width: 220px;
		margin-left: 40px;
		margin-right: 40px;
	}
	
	/* Flexslider */
	
	.flex-direction-nav a {
		height: 87px;
		margin-top: -43px;	
	}
	
	/* Tiny Nav */
	

	
	/* Revolution Slider */
	
	.tp-bullets {
		display: none;	
	}
	
	/* Intro */
	
	.intro .buttons-wrap .button,
	.introbox .buttons-wrap .button {
		margin-right: 0;
		margin-top: 10px;	
		display: block;
		text-align: center;
	}
	
	.intro .buttons-wrap .button:first-child,
	.introbox .buttons-wrap .button:first-child {
		margin-top: 0;	
	}
	
	/* Clients */
	
	.clients {
		margin-right: 0;	
	}
	
	.clients li {
		float: none;	
		margin-left: auto;
		margin-right: auto;
	}
	
	/* Blog */
	
	.blog-entry-list .entry-date,
	.author-image,
	ol.comment-list .avatar-wrap {
		float: none;	
	}
	

	
	
	}

