﻿/*----------------------------------
	
	Theme Name: MaxOne
	Theme URI: http://webnus.biz/maxone-wp/
	Author: WEBNUS
	Author URI: http://themeforest.net/user/WEBNUS
	Description: MaxOne is a Responsive, Retina-Ready One-page Wordpress theme with a minimalist, simple, elegant and clean style, a strong focus on contents and readability. It presents a modern business solution.
 MaxOne is suitable for multipurpose websites such as business, company, portfolio or blog. It is superbly responsive adapting to any kinds of smart phones and mobile devices.
Code is easy to modify and understand so you can personalize it in the easiest way. MaxOne is fully integrated with the visual composer. This awesome page  builder lets you to create complex layouts of your pages and posts with simple  drag-n-drop interface.
	Version: 1.0.3
	License: GNU General Public License
	License URI: COPYING.txt
	Tags: one page, white, responsive, theme-options, retina-ready, woocommerce, right-sidebar, left-sidebar, both-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-menu, translation-ready
	Text Domain: WEBNUS_TEXT_DOMAIN
	
	
	------------------------------------------------------------------------*/
	
	@import url('./css/base.css'); /* Import Basic Styles, Typography, Forms etc stylesheet */
	@import url('./css/scaffolding.css'); /* Import Responsive Grid System Stylesheet */
	@import url('./css/color-skins.css'); /* Import Color Skins Stylesheet */
	@import url('./css/main-menu.css'); /* Import Menu Stylesheet */
	@import url('./css/elements.css'); /* Import Elements stylesheet */
	@import url('./css/blox.css'); /* Import Full width Sections + Parallax Stylesheet */
	@import url('./css/blog.css'); /* Import Blog stylesheet */
	@import url('./css/portfolio.css'); /* Import Portfolio Stylesheet */
	@import url('./css/widgets.css'); /* Import Widgets stylesheet */
	@import url('./css/prettyPhoto.css'); /* Import prettyPhoto Stylesheet */
	@import url('./css/flexslider.css'); /* Import Flex Slider Stylesheet */
	@import url('./css/icomoon.css'); /* Import Vector Icons Stylesheet */
	@import url('./css/icon-box.css'); /* Import Icon Boxes stylesheet */
	
	/*-----------------------------------------------------------------------------------*/
	
	
	
	/* #Site Styles
	================================================== */
	/* WRAPPER */ 
	#wrap { display: block; margin: 0 auto; position: relative; padding: 0; background: #fff; }
	#boxed-wrap { margin: 0 auto; background: #fff; overflow:hidden; width: 1000px; -webkit-box-shadow: 0 0 9px rgba(0,0,0,0.4); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4); box-shadow: 0 0 7px rgba(0,0,0,0.4); border: 1px solid #d6dbdc\9; border-bottom: none; }
	#boxed-wrap #header {top:inherit; left:inherit; width: 1000px;}
	#headline { margin-top:84px;}

    #site-title { margin-top:25px; padding-bottom:10px;}
	#site-title small { display:block; margin-top:5px;}
	#main-content.container { padding-top:35px;}
	#wrap.darkhalf #main-content.container, #boxed-wrap.darkhalf #main-content.container { padding-top:0;}
	body.single-post .page-content, body.blog .page-content { padding-top:80px;}
	body.blog #headline { margin-bottom: -70px;}
	
	/* Headline */
	#headline{ width: 100%; margin-top:57px; height: 82px; padding: 16px 0 20px; background: #f7f7f7; display: table; }
	#headline h3{ color: #424748; font-size: 56px; line-height:1.3; margin: 20px 10px; position: relative; text-transform: capitalize; font-weight: 100; letter-spacing: 0; }
	#headline h3 small { font-size: 56%; font-weight: 300; margin-left: 10px; letter-spacing: -0.07em; text-transform: capitalize; }
	.row-wrapper-x p img { max-width:100%; height:auto;}
	
	/* HEADER  */
	#header {position: fixed; top: 0; left: 0; z-index: 10000; width: 100%; background: #fff; border-bottom: 1px solid #d6d6d6; padding: 14px 0; box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.27); }
	.logo { height: auto; float: left;}
	.logo img { max-width: 100%; max-height: 100%; min-height: 40px; margin-top: 10px; }
	#header.sticky {-webkit-animation: header-anim .2s ease .01s both; -moz-animation: header-anim .2s ease .01s both; -o-animation: header-anim .2s ease .01s both; animation: header-anim .2s ease .01s both; display:block;}
	#header.sticky .logo img { height: 40px; width: auto; margin-top: 10px; -webkit-animation: logo-anim .2s ease .01s both; -moz-animation: logo-anim .2s ease .01s both; -o-animation: logo-anim .2s ease .01s both; animation: logo-anim .2s ease .01s both; }
	#header.hi-header {display: none;}
	#header.sticky.hi-header { display:block;-webkit-animation: header-anima .16s ease .01s both; -moz-animation: header-anima .16s ease .01s both; -o-animation: header-anima .16s ease .01s both; animation: header-anima .16s ease .01s both; display:block;}	
	
	/* Header animation */
	@-webkit-keyframes header-anim {
	from {padding:14px 0;}
	to {padding:0;}
	}
	@keyframes header-anim {
	from {padding: 14px 0;}
	to {padding:0;}
	}
	
	@-webkit-keyframes header-anima {
	from {height:0; opacity:0;}
	to {height:60px; padding:0; opacity:1;}
	}
	@keyframes header-anima {
	from {height:0; opacity:0;	}
	to {height:60px; padding:0; opacity:1;}
	}

	


	/* Dark Header
	================================================== */

	#header.dark,#header.dark #nav ul{background: #000; border-color:#181818; }
	#header.dark #nav li{border-color:#181818;}
	#header.dark a {color: #DDD;}

	

	/* # 404 Styles
	================================================== */	
	.Error404Section{ background: #f8f8f8}
	.Error404Section h1{text-shadow: 2px 2px 2px rgba(0,0,0,0.3);font-size: 84px;text-transform: uppercase;font-family: "Open Sans";line-height: 1.4;font-weight: 900; margin-bottom: 10px}	
	.Error404Section h2{color: #1bbc9b;font-size: 36px;font-family: "Open Sans";font-weight: 400;margin-bottom: 30px;}


	/* Footer
	================================================== */
	#footer { background: #282829; text-align: left; }
	.footer-navi { color: #fff; padding: 35px 0; }
	.socialfollow { padding: 15px 0}
	.socialfollow i { display: inline-block; color: #fff; font-size: 22px; padding: 13px; background: #313131; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0 5px; }
	.socialfollow i.icomoon-facebook:hover { background: #3b5996; }
	.socialfollow i.icomoon-twitter:hover { background: #00acee; }
	.socialfollow i.icomoon-vimeo:hover { background: #0dadd6; }
	.socialfollow i.icomoon-dribbble:hover { background: #d53e68; }
	.socialfollow i.icomoon-youtube:hover { background: #cb322c; }
	.socialfollow i.icomoon-pinterest:hover { background: #cb2027; }
	.socialfollow i.icomoon-pinterest-2:hover { background: #cb2027; }
	.socialfollow i.icomoon-google:hover { background: #c3391c; }
	.socailfollow i.icomoon-google-plus:hover { background: #c3391c; }
	.socialfollow i.icomoon-google-plus-2:hover { background: #c3391c; }
	.socialfollow i.icomoon-linkedin:hover { background: #0073b2; }
	.socialfollow i.icomoon-feed-2:hover { background: #f29a1d; }
	.socialfollow i.icomoon-feed-3:hover { background: #f29a1d; }
	.socailfollow i.icomoon-instagram:hover { background: #457399; }
	.socailfollow i.icomoon-rss:hover {background: #f29a1d;}

	.footer-in { margin: 0 auto; padding: 35px 50px; color: #ccc; position: relative; }
	.footer-in .columns { margin-top: 20px; }
	.footer-in h5.subtitle { color: #ddd; display: block; border-bottom: 1px solid #212121; padding-bottom: 6px; margin: 0; margin: 20px 0; -webkit-box-shadow: 0 1px #373737; -moz-box-shadow: 0 1px #373737; box-shadow: 0 1px #373737; position: relative; }
	.footer-in .socialfollow a{line-height: 56px;}
	#footer.litex .footer-in h5.subtitle { color:#414141;}
	#footer h5.subtitle span { position: absolute; right: 0; text-align: right; }
	#footer h5.subtitle span a { color: #787878; font-size: 10px; font-weight: 400; }
	.lts-news { height: 64px; overflow: hidden; margin-bottom: 15px; }
	.lts-news .img-hover { float:left; margin:0 10px 0 0;}
	.lts-news img { height: 64px; }
	.lts-news h5 { font-size: 16px; font-weight: 500; border: none; margin: 0; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space:nowrap;}
	.lts-news a { color: #ddd; }
	.footer-in .lts-news p { font-size: 11px; line-height: 17px; color: #9c9b9b; margin-bottom:5px; letter-spacing:0; }
	.lts-news .img-hover:before { -webkit-box-shadow: inset 0 0 0 3px #fff; -moz-box-shadow: inset 0 0 0 3px #fff; box-shadow: inset 0 0 0 3px #fff; opacity: .5; }
	.lts-news:hover .img-hover:before { opacity: 1; -webkit-box-shadow: inset 0 0 0 3px #e84a52; -moz-box-shadow: inset 0 0 0 3px #e84a52; box-shadow: inset 0 0 0 3px #e84a52; }
	.lts-news:hover h5 a { color: #e84a52; }
	.footer-in hr { border-color: #373737; }
	.footer-in .copyright-txt { font-size: 12px; }
	.footer-in p { line-height: 19px; color: #898989; }
	.contact2 div { line-height: 21px; }
	.footer-in a { text-decoration: none; -webkit-transition: all 0.18s ease; -moz-transition: all 0.18s ease; -o-transition: all 0.18s ease; transition: all 0.18s ease; }
	.footer-sbc { position: relative; text-align: center; margin: 0 auto; }
	.footer-sbc input[type="text"], .footer-sbc input[type="submit"] { float: left; margin: 4px 7px; }
	/* Social Icons */
	.social-icons a { border: 0; float: left; margin: 1px 7px 0 12px; opacity: 0.5; text-decoration: none; -webkit-transition: opacity 0.5s ease; -moz-transition: opacity 0.5s ease; -ms-transition: opacity 0.5s ease; -o-transition: opacity 0.5s ease; transition: opacity 0.5s ease; }
	.social-icons a:hover { opacity: 1; }
	.social-icons.members { clear: both; text-align: center; margin-bottom: 10px; }
	.social-icons.members a { text-align: center; float: none; }
	.footer-in a img { float: left; }
	.contact-inf span { display: block; color: #9b9b9b; font-family: Arial; font-size: 14px; }
	.contact-inf i { margin-right: 5px; color: #474747; }
	.contact-inf form { margin-top: 20px; }
	.footer-in .contact-inf input, .footer-in .contact-inf textarea { display: block; min-width: 97%; margin: 10px 0; background: #242425; color: #ccc; border: none; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 6px 0px 6px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; -moz-box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; box-shadow: inset 0 0 3px 1px #222, 1px 1px #424242; }
	.footer-in .contact-inf button { padding: 10px 20px; font-size: 12px; font-weight: 400; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #373737; background: -moz-linear-gradient(top, #373737, #252525); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #373737), color-stop(100%, #252525)); background: -webkit-linear-gradient(top, #373737, #252525); background: -ms-linear-gradient(top, #373737, #252525); background: -o-linear-gradient(top, #373737, #252525); background: linear-gradient(top, #373737, #252525); border: none; float: right; }
	.footer-in a:hover { color: #85b940; }
	#footer.litex .footer-in a { color: #0093d0; }
	.footer-in a.terms { color: #578f1a; }
	.footer-in .lts-tweets { padding: 12px; padding-top: 34px; text-align: center; position: relative; }
	.footer-in .lts-tweets i { font-size: 80px; color: #44; position: absolute; top: 2px; left: 40%; z-index: 9; }
	.footer-in .lts-tweets h3 { z-index: 12; position: relative; }
	.footer-in .lts-tweets h5 { color: #82878a; padding: 0 10px; font-size: 16px; font-weight: 400; font-family: "Roboto Slab"; }
	.footer-in .lts-tweets h5 a { color: #82878a;}
	.footer-navi.floatright { float:right;}
	.footer-in .col-md-12 .widget { text-align:center;}



	
	/* #Misc
	================================================== */
	
	/* EXTRAS */
	
	.brdr-r1, .brdr-r2 { border-right: 1px solid #e5e5e5; padding-right: 19px; }
	.brdr-l1, .brdr-l2 { border-left: 1px solid #e5e5e5; padding-left: 19px; }
	.brdr-r2 { padding-right: 27px; }
	.brdr-l2 { padding-left: 27px; }
	.pad-r27 { padding-right: 27px; }
	.pad-l27 { padding-left: 27px; }
	.alignright { text-align: right; }
	img.alignright { float: right; }
	.alignleft { text-align: left; }
	img.alignleft { float: left; }
	.aligncenter { text-align: center; }
	.wp-caption { display: block; color: #444; }
	.wp-caption-text { font-size: 15px; }
	.sticky { color: #555; }
	.gallery-caption { display: inline; }
	.bypostauthor { font-size: 13px; }
	.moonicons-box1 { font-size: 16px; display: inline-block; width: 15em; padding: .25em .5em; background: #fff; margin: .5em 1em .5em 0; border: 1px solid #e8e8e8; }
	#hero { margin-top: 0; background: #232628; padding: 0; border-bottom: 4px solid #e9e9e9; }
	


	/* Scroll to top */
	#scroll-top a { padding: 6px 8px 4px; border-radius: 4px; background: #818c90; position: fixed; bottom: 48px; right: 32px; display: none; opacity: 0.89; filter: alpha(opacity=89); z-index: 499841; }
	#scroll-top a i { font-size: 16px; color: #fff; }
	#scroll-top a:hover { background-color: #ffcc00; cursor: pointer; }
	
	
		/* #Column Shortcodes
	----------- */
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { margin-right: 4%; float: left; margin-bottom:20px; }
	.one_half { 	width: 48%; }
	.one_third { width: 30.6666%; }
	.two_third { width: 65.3332%; }
	.one_fourth { width: 22%; }
	.three_fourth { width: 74%; }
	.one_fifth { width: 16.8%; }
	.two_fifth  { width: 37.6%; }
	.last_col, .column-last { margin-right: 0 !important; clear: right; }
	
	
	.easyPieChart { position: relative; text-align: center; }
	.easyPieChart canvas { position: absolute; top: 0; left: 0; }
	.pie { text-align:center; font-size:49px; position:relative; margin:0 auto 20px; }
	.pie p { font-size:16px; color:#888; font-weight:400; position:absolute; bottom:-52px; width:100%; padding-top:10px; border-top:2px solid #f9f9f9;}
	.container .pie p { margin-bottom:0;}
	
	
	/*# Row fixes
	-------------- */
	
	
	.blox.page-title-x, .parallax-sec.page-title-x, .video-sec.page-title-x { margin-top:-35px;}
	.row-wrapper-x { padding:0 10px;}
	.row-wrapper-x .wpb_row.vc_row-fluid { width:auto; margin-left:-10px; margin-right:-10px;}
	#wrap .wpb_row.full-row, #boxed-wrap .wpb_row.full-row { margin-top:-35px; margin-left:0; margin-right:0; margin-bottom:0;}
	#wrap .blox .wpb_row.full-row, #wrap .parallax-sec .wpb_row.full-row, #wrap .video-sec .wpb_row.full-row,
	#boxed-wrap .blox .wpb_row.full-row, #boxed-wrap .parallax-sec .wpb_row.full-row, #boxed-wrap .video-sec .wpb_row.full-row { margin:0;}
	.wpb_row.vc_row-fluid .wpb_revslider_element, .wpb_row.vc_row-fluid .wpb_layerslider_element, .max-hero { margin-top:-35px;}
	.wpb_row.full-row .wpb_revslider_element, .wpb_row.full-row .wpb_layerslider_element, .wpb_row.vc_row-fluid .wpb_revslider_element, .wpb_row.vc_row-fluid .wpb_layerslider_element { margin-top:0;}
	.blox.wpb_row, #boxed-wrap .blox.wpb_row, #wrap .blox.wpb_row, .blox .wpb_row, #boxed-wrap .blox .wpb_row, #wrap .blox .wpb_row{ margin-bottom:0;}
	.wpb_row.blox, .wpb_row.parallax-sec, .wpb_row.video-sec, .wpb_row.full-row { margin-right:0; margin-left:0; margin-bottom:0;}
	.blox .wbp_row, .blox .wpb_row.vc_row-fluid  { margin-right:0!important; margin-left:0!important;}


	.our-map .wpb_wrapper .wpb_map_wraper {padding:0; }
	.no-mb{margin-bottom:0 !important; }
	
	/* WP pagenavi 
	----------- */
	.wp-pagenavi { clear: both; font-size: 12px; text-align:center; }
	.wp-pagenavi span.pages { color:#999; }
	.wp-pagenavi a, .wp-pagenavi span { font-weight:bold; text-decoration: none; display:inline-block; border: 1px solid #d1d7dc; padding: 8px 14px; margin: 3px 4px;
	 -webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	*zoom: 1;
	 }
	.wp-pagenavi a:hover, .wp-pagenavi span.current { border-color: #efefef; background:#fdfdfd;}
	.wp-pagenavi a:hover {border-color: #d2d2d2;}
	.wp-pagenavi span.current {	font-weight: bold;}
	
	.search-results .blog-post { padding-bottom: 7px; border-bottom: 4px solid #efefef; margin-bottom: 40px; }

	
	/* #Media Queries
	================================================== */


	
	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {
	
	.ctrl-pro a { padding: 4px 9px; margin: 5px 0px; }
	.portfolio article { width: 374px; height: 280px; }
	.blog article { width: 100%; }
	.plan-wrap { width: 100%; }
	.sub-h h5 { padding: 0; }
	.blog-content .post-img { margin-bottom: 20px; }
	.blog-expression { width: 100%; }
	.img-team { margin-top:40px }
	#main-content-pin .container { width: auto; }
	.blog-date-sec { width: auto; display:block; margin:0; text-align:left; background:#fdfdfd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; border-bottom: 2px solid #e3e3e3; margin-bottom: 5px; }
	.blog-date-sec span, .blog-date-sec h3 { display: inline; margin: 0 10px; line-height: 50px; }
	.blog-date-sec span { font-size: 20px; font-weight: 300; }
	.blog-date-sec h3 { font-size: 32px;}
	.sidebar, .rgt-cntt, .sidebar.leftside { padding-right:0; background:none; padding-top:40px; margin-top:40px; border-top:5px solid #e5e5e5;}
	.rgt-cntt, .sidebar.leftside { padding-top:0px; margin-top:0px; border-top:0 none;}
	.twitter-box h3 { padding:0;}
/*.wbp_row, .row-wrapper-x .wpb_row.vc_row-fluid, .blox .wbp_row, .blox .wpb_row.vc_row-fluid  { margin-right:0!important; margin-left:0!important;} */
	
	}


	/* iPad in portrait & landscape */
	@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  {
	.sparallax .slide-image{background-attachment: local !important; background-size: cover!important;}
	.blox {background-attachment: local!important; background-size: cover!important;background-repeat: repeat }
	}
	
	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
	
	.pad { padding-top: 8%; }
	.blog-line img { float: none; }
	#boxed-wrap,#boxed-wrap #header { width: 828px; }
	#tline-content { width: 800px; }
	.tline-box { width: 335px; }
	#testimonials-slider li { width:750px;}
	.plan-wrap { width: auto; }
	}
	
	
	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	#boxed-wrap,#boxed-wrap #header { width: 460px; }
	.pin-box { width: 166px; width: 164px\9; }
	#tline-content { width: 460px; }
	.tline-box { width: 165px; }
	#testimonials-slider li { width:400px;}

	}
	
	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {
	#header.dark #nav {background: #000; border-color:#181818}
	#header.dark.sm-rgt-mn #menu-icon i {color:rgb(228, 228, 228)}
	#header.dark.sm-rgt-mn #menu-icon:hover i, #header.dark.sm-rgt-mn #menu-icon.active i {color:#1bbc9b}
	#header { height:120px; position:fixed; max-width:100%; }

	.sparallax .slide-image{ background-attachment: local!important; background-size: cover!important;}
	.blox {background-attachment: local!important; background-size: cover!important; }
	.max-hero .slides-navigation {display:none}
	.max-hero .slides-content .slides li{font-size: 48px;}
	.max-hero .slides-content p{margin: 28px auto; font-size: 14px}
	.max-hero .slides-content .button {font-size: 12px}
	#headline { height:auto; border-bottom:3px solid #f3f3f3; padding:14px 0; margin-top:62px; }
	#headline h3 { border-top-color:#f6f6f6; font-size:37px; text-align:center;}
	#headline h3 small { display:block; margin-top:14px; margin-bottom:0; font-size:16px; letter-spacing:0; font-weight:400; }
	#header.sticky .logo img, #header .logo img { height:48px;}

	.sticky { position: absolute; }
	.logo { text-align: center; float:none; margin-bottom:15px; width:100%; }
	#nav { display: none; }
	.portfolio article { width: 100%; height: 300px; }
	.blog.blox article { width:auto; height:auto; float:none; }
	.plan-wrap article { width: 50%; }
	.twitter h3 { padding: 0; }
	.blog-post figure img { width: 100%; height: 100%; }
	.blog.blox .post-img { width:100%; float:none; clear:both; margin:0; margin-bottom:30px;}
	.blog.blox .post-img figure { width:auto; height:auto; float:none; clear:both;}
	.project-view .img-item-big img { border:none; margin-bottom:-14px;}
	.proj-title-x h2 { font-size:28px;}
	.ctrl-pro { padding:0 30px;}
	
	
	input[type="text"].header-saerch, input[type="text"].header-saerch:focus { width: 261px; margin-top: 10px; }
	.pin-box { width: 256px; }
	
	.tline-box .blog-date-sp { width: 80%; }
	.tline-box .blog-com-sp { width: 0; display: none; }
	.tabs-left > .nav-tabs, .tabs-left > .nav-tabs > li > a, .nav-tabs > li, .nav-tabs > li.active, .tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs .active > a:hover { width:100%; display:block; padding-left:0; padding-right:0; }
	.tabs-left > .nav-tabs > li > a { border-right:0 none;}
	.tabs-left > .tab-content { border:0 none;}
	.tab-content .columns, .tab-content .column { margin:0 10px; max-width:90%; }
	
	.container hr { margin-left:0; margin-right:0;}
	.blog-post { border-bottom-width:3px;}
	.author-detail { margin: 20px 0; }
	
	.pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; }
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; }
	
	.icon-box1 { text-align:center;}
	.icon-box1 i { display:inline-block; float:none; margin:20px 0; }
	
	.twitter-box h3 { font-size:17px;}

	.date-sp-wrap { margin: 0; float: right; margin-bottom: 7px; }
	.blog-line .blog-date-sec { height: auto; }
	.v-shadow-r, .v-shadow-l { min-height: inherit; background: none; }
	.pad-r10, .pad-r20, .pad-r30, .pad-r40, .pad-l10, .pad-l20, .pad-l30, .pad-l40 { padding: 0; }
	.one_half, .one_third, .two_third, .three_fourth, .one_fourth, .one_fifth, .two_fifth { width: 100%; float: none; margin-right: 0; }
	.latest-f-blog, .qot-week { margin:0;}
	.callout { margin:10px 0px 20px; }
	.brdr-l1, brdr-r1 { padding:0; border:0 none; }
	.brdr-l1 { margin-top:30px;}
	.tab-content p, .tab-content li { font-size: 12px; }
	}
	

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
	.max-hero .slides-content p{margin: 28px auto; font-size: 13px}
	#boxed-wrap,#boxed-wrap #header { width: 340px; }
	.ctrl-pro { text-align: left; }
	.ctrl-pro a { border-color: #eee; }
	.pad { padding-top: 2%; }
	.post-img { margin-bottom: 20px; }
	.plan-wrap article { width: 100%; }
	.commentin { width: 92%; }	
	#tline-content { width: 300px; }
	.tline-box { width: 250px; }
	.tline-row-l, .tline-row-r { display: none }
	.tline-box.rgtline { float: left; left: 0; }
	#testimonials-slider li { width:280px;}
	.quote-slider .testimonial-content h4 q { font-size:19px;}
	}
	
	
	@media only screen and (min-width: 1200px) {	
	
	 #boxed-wrap,#boxed-wrap #header { width:1180px;}
	 .white-space { height:110px;}
	  h4.subtitle { margin:39px 0 21px 0; }
	 #main-content-pin .container { padding:0 40px; }
	 .sidebar.leftside { background-position: 295px; padding-right:70px; }
	 .blog-date-sec h3 { font-size:36px;}
	 #testimonials-slider li { width:1100px; }
	
	 } 
	 
	 @media only screen and (min-width: 769px) and (max-width: 959px) {
	 
	 .blog.blox .post-img , .blog.blox article { width:100%; height:auto; margin-bottom:20px; float:none;}
	 .blog.blox .post-img figure { width:100%; height:auto;}
	 #testimonials-slider li { width:860px;}
	 .latest-works .portfolio-item { width:33.3%;}
	 .our-team  p { text-align:center; max-width:420px; margin-left:auto; margin-right:auto;}
	 
	 }
	
	
	/* ---------------------