@charset "utf-8";
/* MEDIA QUERIES */
@media ( min-width : 768px ){ 
	.col {margin-left: 5%;position: relative;} 
}


@media ( min-width : 768px ){
	.span_1 {width: 3.75%;}
	.span_2 {width: 12%;}
	.span_3 {width: 21.25%;}
	.span_4 {width: 30%;}
	.span_5 {width: 38.75%;}
	.span_6 {width: 47.5%;}
	.span_7 {width: 56.25%;}
	.span_8 {width: 65%;}
	.span_9 {width: 73.75%;}
	.span_10 {width: 82.5%;}
	.span_11 {width: 91.25%;}
	.span_12 {width: 100%;}
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-width : 1px) 
and (max-width : 479px) {
	.container,.jcarousel-clients{width: 300px;}
	.select-menu {display: inline-block !important;width: 300px;}
    header .logo img{margin: 0 auto;}
    .menu-system ul.Whilom{display: none;}
	.home-entry-meta{top: 140px;}
	.entry-meta{top: 125px;}
	.header-social-icons-parent,.breadcrumb{float: left;}	
	#portfolio .portfolio-element{margin-left: 25px;}
	.comments-div .comment-text {width: 214px;}
	.comments-div .comment-inner .comment-text {width: 154px;}
	.meter > span{max-width: 300px;}
	.blog-image,.blog-image img{width: 300px;height: 185px;}
	div.gray-pricing-table .plan{width: 100%;}
	.entry-image-blog img{width: 300px;}
	.portfolio-image{width: 250px;height: 310px;}
	.single-blog-image{width: 296px;height: 296px;}
	.team-member img{width: 300px;}
	.testimonials .flex-direction-nav a.flex-prev{left: 34% !important;}
	.testimonials .flex-direction-nav a.flex-next{right: 34% !important;}	
	.single-portfolio-slider-widget .flex-direction-nav .flex-prev{left: 35% !important;}
	.single-portfolio-slider-widget .flex-direction-nav .flex-next{right: 35% !important;}
	.jcarousel-clients-skin, .jcarousel-clients-skin-wrapper{width: 300px !important;}
	.jcarousel-clients-skin-wrapper .carousel-control-next{right: 35% !important;}
	.jcarousel-clients-skin-wrapper .carousel-control-prev{left: 35% !important;}
	.client{width: 300px;float: none;}	
	.client > div{margin-left: 67px;width: 166px;}
	.jcarousel-clients,.jcarousel-clients-skin {height: 660px;}
	.jcarousel-single-portfolio-skin-wrapper .carousel-control-next{right: 35% !important;}
	.jcarousel-single-portfolio-skin-wrapper .carousel-control-prev{left: 35% !important;}	
	.jcarousel-single-portfolio, .jcarousel-single-portfolio-skin{height: 1480px;}
	.carousel,.jcarousel-single-portfolio li{width: 300px;}
	.jcarousel-single-portfolio .portfolio-element{float: none;margin-left: 25px;}
	.presentation-box {width: 100%;}
	.presentation-box:after,.presentation-box:before{display: none !important;}	
}


/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-width : 480px) 
and (max-width : 768px) {
	.container,.jcarousel-clients{width: 480px;}
    .select-menu {display: block !important;width: 300px;}
    header .logo img{margin: 0 auto;}
    .menu-system ul.Whilom{display: none;}
	.home-entry-meta{top: 255px;}
	.entry-meta{top: 235px;}
	.home-image-shadow{width: 480px;}
	.header-social-icons-parent,.breadcrumb{float: left;}
	#portfolio .portfolio-element{margin-left: 115px;}
	.comments-div .comment-text {width: 394px;}
	.comments-div .comment-inner .comment-text {width: 334px;}
	.blog-image,.blog-image img{width: 480px;height: 295px;}
	div.gray-pricing-table .plan{width: 100%;}
	.entry-image-blog img{width: 480px;}
	.portfolio-image{width: 250px;height: 310px;}
	.single-blog-image{width: 296px;height: 296px;}
	.team-member img{width: 480px;}
	.testimonials .flex-direction-nav a.flex-prev{left: 40% !important;}
	.testimonials .flex-direction-nav a.flex-next{right: 40% !important;}	
	.single-portfolio-slider-widget .flex-direction-nav .flex-prev{left: 40% !important;}
	.single-portfolio-slider-widget .flex-direction-nav .flex-next{right: 40% !important;}
	.jcarousel-clients-skin, .jcarousel-clients-skin-wrapper{width: 480px !important;}
	.jcarousel-clients-skin-wrapper .carousel-control-next{right: 40% !important;}
	.jcarousel-clients-skin-wrapper .carousel-control-prev{left: 40% !important;}
	.client{width: 480px;float: none;}	
	.client > div{margin-left: 157px;width: 166px;}
	.jcarousel-clients,.jcarousel-clients-skin {height: 660px;}	
	.jcarousel-single-portfolio-skin-wrapper .carousel-control-next{right: 40% !important;}
	.jcarousel-single-portfolio-skin-wrapper .carousel-control-prev{left: 40% !important;}	
	.jcarousel-single-portfolio, .jcarousel-single-portfolio-skin{height: 1480px;}
	.carousel,.jcarousel-single-portfolio li{width: 480px;}
	.jcarousel-single-portfolio .portfolio-element{float: none;margin-left: 115px;}
	.presentation-box {width: 100%;}
	.presentation-box:after,.presentation-box:before{display: none !important;}	
}


/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 769px) 
and (max-width : 960px){
	.container,.jcarousel-clients{width: 768px;}
	.select-menu {display: none;width: auto;}
    .menu-system ul.Whilom{display: block;}
    header .logo img{margin: 0;}
	.home-entry-meta{top: 50px;}
	.entry-meta{top: 250px;}
	.header-social-icons-parent,.breadcrumb{float: right;}
	.comments-div .comment-text {width: 413px;}
	.comments-div .comment-inner .comment-text {width: 353px;}
	.blog-image,.blog-image img{width: 500px;height: 308px;}
	.home-blog-image{width: 213px;height: 131px;}
	.single-blog-image{width: 296px;height: 296px;}
	.portfolio-image{width: 250px;height: 310px;}
	div.gray-pricing-table .plan{width: 25%;}
	.entry-image-blog img{width: 100%;}
	.portfolio-image{width: 250px;height: 310px;}
	.team-member img{width: 219px;}
	.testimonials .flex-direction-nav a.flex-prev{left: 37% !important;}
	.testimonials .flex-direction-nav a.flex-next{right: 37% !important;}
	.single-portfolio-slider-widget .flex-direction-nav .flex-prev{left: 30% !important;}
	.single-portfolio-slider-widget .flex-direction-nav .flex-next{right: 30% !important;}
	.services-testimonials .flex-direction-nav a.flex-prev{left: 28% !important;}
	.services-testimonials .flex-direction-nav a.flex-next{right: 28% !important;}
	.jcarousel-clients-skin, .jcarousel-clients-skin-wrapper{width: 786px !important;}
	.jcarousel-clients-skin .carousel-control-next,.jcarousel-clients-skin .carousel-control-prev{top: 160px;}
	.jcarousel-clients-skin-wrapper .carousel-control-next{right: 44% !important;}
	.jcarousel-clients-skin-wrapper .carousel-control-prev{left: 44% !important;}
	.client{width: 157.2px;float: left;}	
	.client > div{margin-left: 16.5px;width: 124.2px;}
	.jcarousel-clients,.jcarousel-clients-skin {height: 132px;}
	.jcarousel-single-portfolio-skin-wrapper .carousel-control-next{right: 44% !important;}
	.jcarousel-single-portfolio-skin-wrapper .carousel-control-prev{left: 44% !important;}	
	.jcarousel-single-portfolio, .jcarousel-single-portfolio-skin{height: 1480px;}
	.carousel,.jcarousel-single-portfolio li{width: 768px;}
	.jcarousel-single-portfolio .portfolio-element{float: none;margin-left: 259px;}
	.presentation-box {width:25%;background-size:100%;}
	.presentation-box, .circle {padding-top:150px;}
	.header_person {right:-10%;}
	article.single-entry .entry-text img {width:220px;}
	.about h3 {padding-bottom:10px;font-size:20px;}
	.flip_in .circle {background-size:100%;margin-top:50px;}
	#portfolio {margin-left:50px;}
	.option-set{width:80%;}
	.about-us-slider {margin-top:100px;}	
	.presentation-box:after,.presentation-box:before{display: none !important;}	
}




/* Large screens ----------- */
@media only screen 
and (min-width : 961px) {
	.container,.jcarousel-clients{width: 1000px;}
	.select-menu {display: none;width: auto;}
    .menu-system ul.Whilom{display: block;float: right;}
    header .logo img{margin: 0;}
	.home-entry-meta{top: 80px;}
	.entry-meta{top: 343px;}
	.header-social-icons-parent,.breadcrumb{float: right;}
	.comments-div .comment-text {width: 564px;}
	.comments-div .comment-inner .comment-text {width: 504px;}
	.blog-image,.blog-image img{width: 650px;height: 400px;}
	.home-blog-image{width: 213px;height: 131px;}
	.single-blog-image{width: 296px;height: 296px;}
	.portfolio-image{width: 250px;height: 310px;}
	div.gray-pricing-table .plan{width: 25%;}
	.entry-image-blog img{width: 213px;}
	.team-member img{width: 219px;}
	.testimonials .flex-direction-nav a.flex-prev,
	.single-portfolio-slider .flex-direction-nav a.flex-prev{left: 40%;}
	.testimonials .flex-direction-nav a.flex-next,
	.single-portfolio-slider .flex-direction-nav a.flex-next{right: 40%;}
	.single-portfolio-slider-widget .flex-direction-nav .flex-prev{left: 35% !important;}
	.single-portfolio-slider-widget .flex-direction-nav .flex-next{right: 35% !important;}
	.services-testimonials .flex-direction-nav a.flex-prev{left: 34% !important;}
	.services-testimonials .flex-direction-nav a.flex-next{right: 34% !important;}
	.jcarousel-clients-skin, .jcarousel-clients-skin-wrapper{width: 1000px !important;}
	.jcarousel-clients-skin-wrapper .carousel-control-next{right: 45% !important;}
	.jcarousel-clients-skin-wrapper .carousel-control-prev{left: 45% !important;}		
	.client{width: 200px;float: left;}	
	.client > div{margin-left: 16.5px;width: 166px;}
	.jcarousel-clients,.jcarousel-clients-skin {height: 132px;}
	.jcarousel-single-portfolio-skin-wrapper .carousel-control-next{right: 45% !important;}
	.jcarousel-single-portfolio-skin-wrapper .carousel-control-prev{left: 45% !important;}	
	.jcarousel-single-portfolio, .jcarousel-single-portfolio-skin{height: 400px;}
	.carousel{width: 1000px;}
	.jcarousel-single-portfolio .portfolio-element{float: left;}
	.presentation-box {width: 25%;}
	.presentation-box:after,.presentation-box:before{display: block !important;}	
}