@charset "utf-8";
/* CSS Document */
.tinynav {
	display:none;
}
/*----*****---- << Responsive >> ----*****----*/

	/*----*****---- << Desktop >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */
	

    @media only screen and (min-width:960px) and (max-width:1120px) {
		
		.container { width:900px; }
		.boxed .wrapper, .banner-container { width:940px; }
		
		#secondary { width:24.8%; }
		
		/***************** BLOG ******************/
		.read-more { width:100%; margin-top:20px; }
		
		.blog-post .single-border { padding:0; }
		.blog-post .white-border { border:0; }
		
		.post-thumb img { width:100%; }
		
		.slider-banner #pcycle_slider { height:614px; }
		#pcycle_slider img { width:100%; height:auto; }
		
		.footer-links { width:73%; }
		
		.shadow.boxed .main-contant { background:none; max-width:auto; } 
		
		.portfolio-column2 .portfolio-container li { width:440px; }
		.portfolio-column2 .portfolio-container li img { width:97.7%; }
		
		.portfolio-column3 .portfolio-container li { width:285px; }
		.portfolio-column3 .portfolio-container li img { width:96.6%; }
		
		.portfolio-column4 .portfolio-container li { width:210px; }
		.portfolio-column4 .portfolio-container li img { width:95%; }
		
		.with-right-sidebar .portfolio-column4 .portfolio-container li, .with-left-sidebar .portfolio-column4 .portfolio-container li { width:205px; }
		
	}

	/*----*****---- << Tablet (Portrait) >> ----*****----*/	
	
    /* Note: Design for a width of 768px, Gutter: 30px, Unit: 32px */

    @media only screen and (min-width:768px) and (max-width:959px) {
		
		.container { width:710px; }
		.boxed .wrapper, .banner-container { width:750px; }
		
		#primary, #secondary { width:100%; }
		#secondary { margin-left:0; margin-top:20px; }
		#secondary.left-sidebar { margin-right:0; }
		
		/********* Footer *********/
		.footer-glow { background:none; }
		
		.footer-widgets .one-fourth, .footer-widgets .one-third, .footer-widgets .one-half { width:48%; }
		#secondary .widget { width:47%; margin-right:3%; }
		
		/* =------- Header -------= */
		#header #searchform input.button[type="submit"] { margin-top:0; }
		
		.page-title-bg h3.page-subtitle { margin-bottom:0; }
		#main-menu li , #main-menu ul.sub-menu li {
			font-size:14px;
		}
		.main-menu-container {
			height:87px;
		}
		#main-menu li:hover a, #main-menu li.current_page_item a {
			background-position:center 73px;
		}
		#main-menu li a {
			padding:34px 15px 34px;
		}
		.ddsmoothmenu ul li ul li a {
			font-size:11px !important;
		}
		#main-menu li li a{
			padding:10px 5px 10px 10px;
		}
		#main-menu li a:hover:before, #main-menu li.current_page_item a:before {
			bottom:4px;
		}
		.bottom-shadow {
			display:none;
		}
		
		/******************* Contact **************/
		.contact-frm input[type="text"], .comment-frm input[type="text"] { width:43%; }
		
		/*********** Shortcodes *******/
		.button { margin-top:10px; }
		
		ul.category-filter { text-align:center; }
		.category-filter li { float:none; display:inline-block; }
		
		.portfolio-column4 { float: left; width: 100%; }
		.portfolio-column2 .portfolio-container li { margin-left:17.5%; }
		.portfolio-column3 .portfolio-container { margin-left:5%; width:92.3%; }
		
		/************** Blog ************/
		.blog-post .single-border { padding:0; }
		.blog-post .white-border { border:0; }
		
		.post-thumb img { width:100%; }
		
		.blog-post .wrap-text.post-date { margin-bottom:10px; }
		.read-more { width:100%; margin-top:20px; }
		
		.topic-author { left:26%; }
		
  		.column.one-half .one-third, .column.one-half .two-third { width: 100%; }
		.column.one-half .one-third { display: block; float: none; margin-left: auto; margin-right: auto !important; text-align: center; }
		
		#pcycle_slider img { width:100%; height:auto; } 
		.slider-banner #pcycle_slider { height:484px; } 
		
		.footer-links { width:65%; }
		
	}
	
	/*----*****---- << Mobile (Landscape) >> ----*****----*/	
	
    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
		
		#main-menu ul { display:none; }
		.slicknav_menu { display:block; }
		
		.container { width:420px; }
		.boxed .wrapper { width:460px; }
		
		#primary, #secondary { width:100%; margin-left:0; margin-right:0; }
		
		.tinynav { display:block; }
		#main-menu, #submenuArrow { display:none; }
		
		.social-media { float: left; text-align: center; width: 100%; }
		.social-media li { float:none; display:inline-block; }
		.top-strip .float-right, #header #searchform { float:none; display:inline-block; }
		
		.social-media { margin-bottom:5px; }
		.top-strip { text-align:center; padding-bottom:10px; }
		
		.logo { text-align: center; width: 100%; margin-bottom:20px; }
		
		.ddsmoothmenu { float: left !important; width: 100% !important; }
		
		.main-menu-container { height:auto; padding-bottom:20px; }
		#header .logo a { display:inline-block; }
		
		.page-title-bg { text-align:center; }
		h1.page-title, h3.page-subtitle { float:none; display:inline-block; }
		h1.page-title { font-size:18px; }
		
		.topic-author img.aligncenter { height: 80px; width: 80px; }
		
		.one-fourth, .one-half, .one-third, .three-fourth, .two-third, .one-fifth, .four-fifth, .five-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth { width:100%; margin-right:0; }
		
		/*********** Footer ********/
		.footer-glow { background:none; }
		.footer-widgets .one-fourth { width:100%; }
		.copyright { float: none; text-align: center; padding-bottom:23px; }
		.footer-links { width:100%; }
		.footer-links > ul { text-align:center; }
		#foot-menu li { float:none; display:inline-block; }
		.footer-info a.logo { clear: both; margin-left: auto; margin-right: auto; float:none; margin-top:13px; margin-bottom:0; }
		
		.cycle_controls { width:55%; float:right; }
		
		.special-features .one-fourth { text-align:center; }
		.special-features .one-fourth .iconbox-bg { margin:0 auto; }
		
		.topic-author { left:7%; }
		.theme-featured-box span.welcome-txt a { margin-top:10px; }
		
		.portfolio-column4 { float: left; margin-left: 0; margin-right: 0; width: 100%; }
		ul.category-filter { text-align: center; }
		.category-filter li { display: inline-block; float: none; }
		.portfolio-column4 .portfolio-container { float: none; margin-left: auto; margin-right: auto; width: 220px; }
		
		.special-features .one-half .one-third, .special-features .one-half .two-third, .special-features .aligncenter-text.column.one-fourth { width:100%; text-align:center; }
		
		.clients li { border: medium none; width: 100%; }
		
		.tabs-frame-content { width:93.8%; }
		
		.bottom-shadow { display:none; }
		
		.blog-post .post-thumb .single-border { margin-bottom:10px; }
		.read-more { width:100%; }
		.blog-post .white-border { border:0; }
		.blog-post .post-thumb .single-border { padding:0; }
		.blog-post .post-thumb img { width:100%; }
		.contact-frm input[type="text"], .comment-frm input[type="text"] { width:42%; }
		
		.slider-banner #pcycle_slider { height:383px; }
		#pcycle_slider img { height: auto; width: 100%; }
		.portfolio-column3 .portfolio-container li, .portfolio-column3 .portfolio-container li, .portfolio-column3.portfolio-container li { margin-left:14%; }
		.portfolio-detail, .slider-banner { width:100%; }
		.slider-banner { margin-left:0; margin-top:20px; }
		
		.author-desc { width:63%; }
		.comment-body { width:76%; }
		ul.commentlist li.comment ul.children li.comment { padding-left:20px; }
		ul.commentlist li.comment ul.children li.comment .comment-body { width:69.5%; }
		ul.commentlist li.comment ul.children li.comment li.comment .comment-body, ul.commentlist li.comment ul.children li.comment li.comment li.comment .comment-body { width:59%; }
	}
	
	/*----*****---- << Mobile >> ----*****----*/	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		
		.slicknav_menu { display:block; }
		#main-menu ul { display:none; }
		
		.container { width:200px; }
		.boxed .wrapper { width:100%; }
		
		/*----*****---- << Main >> ----*****----*/		
		#primary { width:100%; }
		#primary.content-full-width { width:100%; }
		
		#secondary { width:100%; margin-left:0px; margin-right:0px; }
		
		.top-strip { padding-bottom:10px; }
		.social-media { margin-bottom:10px; }
		.social-media li { margin-right:4px; }
		#header #searchform input[type="text"] { width:129px; }
		#header #searchform input[type="text"]:hover, #searchform input[type="text"]:focus { width:129px; }
		#header #searchform input.button[type="submit"] { margin-bottom:0; }
		
		#breadcrumbs { text-align:center; }
		h1.page-title { font-size:16px; line-height:normal; background:none; height:auto; margin:0; padding:0; }
		h3.page-subtitle { margin-bottom:4px; }
		h1.page-title, h3.page-subtitle { text-align:center; float:none; }
		
		#main-menu, #submenuArrow, .bottom-shadow { display:none; }
		.tinynav { display:block; }
		
		.main-menu-container { height:auto; padding-bottom:20px; }
		#header .logo { margin-bottom:20px; }
		#header .logo a { background-size:100% auto; width:200px; height:39px; }
		.ddsmoothmenu { float:left; width:100%; }
		
		.theme-featured-box span.welcome-txt { line-height:normal; }
		
		.topic-author { left:1%; top:-5%; }
		.topic-author img.aligncenter { height: 40px;  width: 40px; }
		.topic-author span { font-size: 11px; margin: 0 4px; }
		
		.large { padding:13px 21px 10px; font-size:11px; }
		.theme-featured-box span.welcome-txt a { margin-left:0; }
		
		.category-filter { text-align:center; } 
		.category-filter li { float:none; display:inline-block; margin-bottom:5px; }
		
		.one-fourth, .one-half, .one-third, .three-fourth, .two-third, .one-fifth, .four-fifth, .five-fifth, .three-fifth, .two-fifth, .one-sixth, .two-sixth, .three-sixth, .four-sixth, .five-sixth, .footer-widgets .one-fourth, .portfolio-detail, .slider-banner, .special-features .aligncenter-text.column.one-fourth { width:100%; margin-right:0; }
		
		.clients li { border-right:0; }
		
		.special-features { text-align:center; }
		.special-features .one-half .one-third, .special-features .one-half .two-third { width:100%; }
		
		.footer-glow { background:none; }
		.footer-widgets .widget-recent-posts li.post-item .post-details { width:71.5%; }
		.footer-widgets .widget-testimonial input.prev-btn[type="button"] { margin-left:58%; }
		
		.footer-links { text-align:center; width:100%; }
		#foot-menu li { float:none; display:inline; line-height:22px; }
		.footer-info a.logo { margin-left:0; }
		.footer-info-txt { line-height:normal; }
		
		.contact-frm input[type="text"], .comment-frm input[type="text"], .contact-frm textarea, .comment-frm textarea { width:94%; }
		
		.widget-recent-posts h4 { font-size:12px; padding-left:0; }
		
		.button { margin-bottom:10px; }
		.x-large { font-size:21px; }
		
		#pcycle_slider img { width:100%; height:auto; }
		.slider-banner #pcycle_slider { height:182px; }
		.portfolio-detail { margin-bottom:20px; }
		.slider-banner { margin-left:0; }
		
		.portfolio-column2 .portfolio-container li, .portfolio-column3 .portfolio-container li, .portfolio-column4 .portfolio-container li { width:198px; height:196px; }
		.da-thumbs li img, .portfolio-column4 .portfolio-container li img { width:95%; height:auto; }
		.da-thumbs li article p { display:none; }
		
		.blog-post .white-border { border:0; }
		.blog-post .post-thumb .single-border { padding:0; margin-left:0;} 
		.blog-post .post-thumb img { width:100%; }
		
		.blog-post .no-img.wrap-text.post-date { left:26%; }
		
		.comment-avatar { margin-right: 6px; width: 48px; }
		.comment-avatar img.border-radius { height: 40px; width: 40px; }
		h2.comment-meta .comment-reply-link { top:-1px; }
		
		.comment { background-position:22px 0; }
		.commentlist .children { margin-left:10px; }
		.comment-body { width:73%; }
		ul.commentlist li.comment ul.children li.comment { padding-left:10px; }
		ul.commentlist li.comment ul.children li.comment .comment-body { width:63.5%; }
		
		ul.commentlist li.comment ul.children li.comment { background-position:0 25px; }
		ul.commentlist li.comment ul.children li.comment .comment-container { background-position:22px 0px; }
		ul.commentlist li.comment ul.children li.comment li.comment .comment-body { width:65%; }
		ul.commentlist li.comment ul.children li.comment li.comment li.comment .comment-body { width:60.5%; }
		
		.blog-post .wrap-text.post-date { margin-top:10px; margin-bottom:10px; }
		.read-more { width:100%; }
		
		.error-page { text-align:center; }
		.error-page .theme-btn { margin-bottom:10px; float:none; }
	}