
@media screen and (min-width: 760px) and (max-width: 1200px) {
   .navbar-collapse.collapse {
       display: none !important;
   }

   .navbar-toggle { display:inline-block; float:right; }
   .navbar-header { width:100%; }

   .clientList li:nth-child(3n+0) { margin-right:21px; }
}

/******************** TABLET *********************/

@media only screen and (max-width:1170px) { 

	.subHeader.split, .subHeader.classic { margin-top:65px;}

   .subHeader.classic h1 { font-size:73px; }
	.subHeader.classic h1 span { font-size:28px; }
	.subHeader.classic .col-lg-8.col-md-8.col-sm-8 { margin-top:30px; }
	.subHeader.classic .button.cart { display:none; }

   #screenMiddle { margin-left:18%; }

	.services3Col_big .row.services.animated, #screenMiddle.animated, #screenRight.animated, #screenLeft.animated, .featuresImg.animated, .features ul.animated {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
		transition-delay: 0.0s;
	}

	.serviceText { max-width:63%; } 

   /** TESTIMONIALS **/
	.image img, .text { float:none; text-align:center; margin:0 auto; }
	.image .testimonialImg { margin-bottom:30px; margin-left:42%; }
	.text .quote { font-size:18px; }
	.image .testimonialDivider { display:none; }

	/* SHORTCODES */
	.tabContent { margin-bottom:30px; }

	.confirmOrder .button.grey { margin-bottom:30px; }

}

/******************** MOBILE *********************/

@media only screen and (min-width: 480px) and (max-width: 980px) {

	/** HEADER **/
	.nav.navbar-nav { float:left; }
	.nav.navbar-nav li a {
		padding-top:15px;
		padding-bottom:15px;
	}
	.verticalDivider { display:none; }
	.nav.navbar-nav .search { margin-right:35px; }
	.searchDropdown {
		margin-right:-620px;
		margin-left:150px;
		margin-top:-70px;
	}

	/** SUBHEADER **/
	.subHeader.split, .subHeader.classic { margin-top:65px;}
	.subHeader.split { height:866px; }
	.subHeader.split h1 { font-size:80px; }

	.subHeader.classic h1 { font-size:56px; float:none; }
	.subHeader.classic h1 span { font-size:22px; }
	.subHeader.classic p { font-size:16px; }
	.subHeader.classic .col-lg-8.col-md-8.col-sm-8 { margin-top:15px; }
	.subHeader.classic .divider { display:none; }
	.subHeader.classic .iphone { max-width:75%; margin:20px auto; }

	.leftBlock { 
		width:100%; 
		text-align:center; 
		padding-left:50px; 
		padding-top:100px;
		padding-bottom:100px;
	}

	.rightBlock { width:100%; padding-top:px; padding-bottom:px; height: 433px !important;}
	.rightBlock .subHeaderList li { margin-left:37px; margin-right:37px; }
	.rightBlock .subHeaderGraphic { max-width:345px; }

	.subHeaderList { margin-bottom:50px;}

	/** WORK PREVIEW SECTION **/
	#screenLeft, #screenRight { display:none; }
	#screenMiddle { position:relative; margin:0 auto;}
	#screenMiddle.animated { margin-top:0px; }

	.workFullWidth_list .image { width:50%; }

	/** REMOVE ANIMATIONS ON SCROLL **/
	.services3Col_big .row.services, .featuresImg, .features ul, #screenMiddle { 
		opacity:1; 
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition:none; 
	}

	/** BLOG **/
	.blogPostMasonry { margin:0 auto; }

	/** TESTIMONIALS **/
	.image img, .text { float:none; text-align:center; margin:0 auto; }
	.image .testimonialImg { margin-bottom:30px; margin-left:38%; }
	.text .quote { font-size:18px; }
	.image .testimonialDivider { display:none; }
	.sliderControls span { margin-top:-47%; }

	/* PROMOBOX */
	.promoBox { text-align:center; }
	#mailIcon { float:none; }
}

@media only screen and (max-width: 600px) { 

	/** BLOG **/
	.blogPostMasonry { float:none; margin:0 auto; margin-bottom:30px; } 
}

@media only screen and (max-width: 770px) { 

	.aboutTeam .col-lg-3, .process.col-lg-3 { float:none; margin:0 auto; margin-bottom:20px; }

	/* SKILLS SECTION */
	.skillDivider { display:none; }
	.skills p { float:none; margin-top:0px; }
	.skillsList { float:none; margin:0 auto; }
	.skillsList li { float:none; margin:0 auto; display:block; margin-bottom:40px; }
	.skillsList li:nth-child(4) { margin-left:auto; margin-right:auto; }

	.serviceText { width:100%; }
}

@media only screen and (max-width: 479px) {

	/** HEADER **/
	.nav.navbar-nav { float:left; }
	.nav.navbar-nav li a {
		padding-top:15px;
		padding-bottom:15px;
	}
	.verticalDivider { display:none; }

	.nav.navbar-nav .dropdown .dropdown-menu .dropdown-submenu:hover > .dropdown-menu {
		margin-top:0px;
	}

	.nav.navbar-nav .search { margin-right:35px; }
	.searchDropdown {
		margin-right:-620px;
		margin-left:150px;
		margin-top:-70px;
	}

	.italicSmall.top { margin-bottom:10px; }
	.topBar .socialIcons { float:left; margin-bottom:10px; }

	/** SUBHEADER **/
	.subHeader.split, .subHeader.classic { margin-top:65px;}

	.subHeader.split { height:810px; }

	.subHeader.split h1 { font-size:75px; }
	.leftBlock p { font-size:25px; }

	.leftBlock { 
		width:100%; 
		text-align:center; 
		padding-left:50px; 
		padding-top:100px;
		padding-bottom:100px;
	}

	.divider { max-width:300px; }

	.rightBlock { width:100%; padding-top:100px; padding-bottom:100px; }
	.rightBlock h2 { font-size:30px; }
	.rightBlock .subHeaderList li { font-size:15px; margin-left:20px; margin-right:20px; }
	.rightBlock .subHeaderGraphic { max-width:290px; }

	.subHeaderList { margin-bottom:50px;}

	.subHeader.classic { }
	.subHeader.classic h1 { font-size:40px; float:none; }
	.subHeader.classic h1 span { font-size:15px; }
	.subHeader.classic p { font-size:14px; }
	.subHeader.classic .col-lg-8.col-md-8.col-sm-8 { margin-top:0px; }
	.subHeader.classic .iphone { max-width:75%; margin:20px auto; }
	.subHeader.classic .divider { display:none; }

	/** WORK PREVIEW SECTION **/
	#screenLeft, #screenRight { display:none; }
	#screenMiddle { position:relative; margin:0 auto;}
	#screenMiddle.animated { margin-top:0px; }

	.workFullWidth_list .image { width:50%; }

	.portfolioCat_list li a { width:100%; }

	/** REMOVE ANIMATIONS ON SCROLL **/
	.services3Col_big .row.services, .featuresImg, .features ul, #screenMiddle { 
		opacity:1; 
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition:none; 
	}

	/** BLOG **/
	.blogPostCreative.wide { max-width:100%; }

	.serviceText { width:100%; float:none; } 

	/** TESTIMONIALS **/
	.image img, .text { float:none; text-align:center; margin:0 auto; }
	.image .testimonialImg { margin-bottom:20px; margin-left:33%; }
	.text .quote { font-size:18px; }
	.image .testimonialDivider { display:none; }
	.sliderControls span { margin-top:-70%; }

	/* PROMOBOX */
	.promoBox { text-align:center; }
	#mailIcon { float:none; }

	/* FOOTER */
	footer .col-lg-4 { margin-bottom:50px; }
	footer h4 {  }

	.button.red.shopForm { float:none; margin-top:20px; width:100%; }
	.contactForm .button { width:100%; }

}

/*-------------------------------SOLIDO RESPONSIVE ----------------------------*/
@charset "UTF-8";
/* Responsive Layout */

/* Smaller than 1180 (devices and browsers) */
@media only screen and (max-width: 1180px) {
	
}

/* Smaller than 1180 (devices and browsers) */
@media only screen and (min-width: 976px) and (max-width: 1258px) {
	.main-title ul {font-size: 65px;}
	.full{width: 960px;}
	.half{width: 385px; padding-bottom: 100px;}
	.caroussel{width: 370px; height: 278px;}
	.caroussel img{width: 370px; height: auto;}
	.s-element{width: 320px;}
	.f-element{width: 240px;}
	.highlight {font-size: 75px;}
	.milestone-details{font-size: 16px;}
	.progress-bar{width: 397px;}
	.car-quote{width: 370px;}
	.caroussel-2{width: 370px; height: 270px;}
	.comment{font-size: 13px;}
	.q-spacer{margin: 20px 0;}
	.logos{width: 900px; margin: 70px auto 220px}
	.bottom-line{width: 900px;}
	.img-spacer{width: 900px; margin-top: 190px;}
	.img-spacer img{width: 900px;}
	.img-item{top: -125px;}
	.foot-third{width: 280px;}
    .contatto{width: 55% !important; }
	.f-data{font-size: 14px;}
	.f-data span{padding-left: 15px;}
	.footer-container span{font-size: 13px;}
	.footer-container{width: 959px; font-size: 15px;}
	.project-content{width: 900px;}
	.project-content img{width: 900px;}
	.we-are{font-size: 110px;}
	.s-container{width: 960px;}
	/*.team-box{width: 960px; margin: auto;}*/
	.sl-element{width: 192px;}
	.team-grid{width: 900px !important;}
	.t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin-right: 0;}
	.t-element{margin-bottom: 30px;}
	.menu ul li {padding: 0 15px; font-size: 13px;}
	.p-image-01 {margin-left: -470px; width: 940px;}
	.p-image-01 img{width: 940px;}
	.parallax.p-two { height: 555px;}
	.container-video { height: 530px;}
	.main-title {font-size: 60px;  height: 352px;top: 50%; margin-top:-176px;}
	.slider-controls li a {top: 41%;}
	.s-next {margin-right: 30px;}
	.s-prev {margin-left: 30px;}
	.ch-grid div span {margin: 50% 20px 0px 20px; font-size: 15px;}
	.main-title .spacer {margin: 5px auto 25px;}
	.main-title ul {margin: 0;}
	.show {width: 385px;}
	.car-prev, .car-next {top: 100px;}
	.p-category {top: 25%;}
    .tab-title{width: 100% !important; padding: 0 0 15px 0; border-bottom: 1px solid #c7c7c7;}
    .tab-text{width: 100%; border: none; padding: 20px 0 0 0;}
}

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 976px) {
	.hideme, .p-image-02, .newtr{opacity: 1;}
	.parallax .hideme-slide, .parallax .hideme-slide2{ bottom:0 !important; opacity: 1 !important;}
	.menu{display: none;}
	.slider-controls {display: none;}
	.jump-menu{display: block;}
	.main-title { height: 350px;top: 50%; margin-top:-175px;}
	.sl-element{margin-bottom: 50px;}
    .foot-third {border: none !important; width: 100%; margin: 15px 0 !important;}
    .tab-title{width: 100% !important; padding: 0 0 15px 0; border-bottom: 1px solid #c7c7c7;}
    .tab-text{width: 100%; border: none; padding: 20px 0 0 0;}
    .s-containter{margin: 0; width: 100%;}
    .peThemeContactForm{width: 100%; }


/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 796px) and (max-width: 976px) {
	.main-title ul{ font-size:40px;}
	.full{width: 783px;}
	.half{float: none; margin: auto;}
	.full .half:nth-child(2) {padding: 0px 45px 120px;}
	.s-container{width: 603px;}
	.team-box{width: 700px; margin: auto;}
	.s-element{width: 200px;}
	.team-box .s-element{width: 300px;}
	.s-ico{width: 130px; height: 130px;}
	.s-info{padding: 0 10px; font-size: 13px;}
	.f-element{width: 180px; padding-left: 10px;}
	.f-ico {margin: 0 auto;}
	.highlight{font-size: 40px;}
	.s-info{margin-bottom: 50px;}
	.project-content {width: 700px;}
	.project-content img{width: 700px;}
	.logos{width: 680px; margin: 70px auto 150px}
	.img-spacer{width: 700px; margin-top: 150px;}
	.img-spacer img{width: 700px;}
	.img-item{top: -80px;}
	.footer-container {width: 700px; padding: 0 0;}
	.foot-third {width: 320px; padding: 0 0 0 30px;}
	.foot-third:last-child {/*margin-top: 50px; width: 640px;*/ padding: 0 30px; max-width:320px;}
	.bottom-line{width: 700px;}
	.milestone-details{font-size: 15px; padding: 0px 0 100px;}
	.s-info span {font-size: 17px;}
	.sl-element{width: 200px;}
	.t-element {margin-bottom: 30px;}
	.team-grid{width: 574px !important;}
	.t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin-right: 15px;}
	.p-image-01 {margin-left: -380px; width: 760px;}
	.p-image-01 img{width: 760px;}
	.parallax.p-two {height: 520px;}
	.container-video {height: 430px;}
	.main-title {font-size: 50px;}
	.main-title span {top: 100px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 795px) {
	.car-prev{display: none;}
	.car-next{display: none;}
	.car-prev-2{display: none;}
	.car-next-2{display: none;}
	.show {width: 385px;}
	.main-title ul{ margin-top:0; height:80px;}
	.main-title .spacer{ margin:20px auto;}
	.buy-logo{ margin-top:35px;}
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 795px) {
	.p-image-02 div{ left:50%;}
	.p-image-first{margin-left:-225px;}
	.p-image-first img{ width:450px}
	.p-image-second{margin-left:-300px;}	
	.p-image-second img{ width:600px}
	.vegas-overlay{ display:none;}
	.main-title ul{ font-size:20px;}
	.main-title .second-title{ width:345px;}
	.full{width: 466px;}
	.half{float: none; margin: auto; width: 400px; padding: 80px 40px 120px;}
	.half:first-child{padding-bottom: 0px;}
	.content .full .half{ padding-left:0; padding-right:0;}
	.next-featured{margin-left: 30px;}
	.prev-featured{margin-right: 30px;}
	.nav-featured{width: 311px;}
	.title.one{font-size: 40px; padding: 80px 40px 11px;}
	.title.two{font-size: 17px; padding: 0px 40px; width: auto;}
	.caroussel{width: 400px; height: 270px;}
	.p-info{width: 400px;}
	.caroussel img{width: 400px; height: auto; margin-left:0;}
	.team-box{width: 100%}
	.s-container{width: 400px}
	.f-element{width: 100%;}
	.progress-bar{width: 400px;}
	.caroussel-2{width: 400px; height: 300px;}
	.car-quote {width: 400px;}
	.comment{font-size: 13px;}
	#filters{padding: 0 40px;}
	.bottom-line{width: 400px;}
	.project-content{width: 400px;}
	.project-content img{width: 400px;}
	.logos{width: 400px; margin: 70px auto 50px;}
	.img-spacer{width: 400px; margin-top: 50px;}
	.img-spacer img{width: 400px;}
	.img-item {top: 10px;}
	.footer-container {width: 400px;}
	.foot-third{float: none; width: 100% !important; padding: 0; margin-top: 0px;}
	.foot-third:first-child{margin-top: 0;}
	.sl-element{width: 200px;}
	.t-element {float: none; margin: 30px auto 0;}
	.t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin: 30px auto 0;}
	.p-image-01 {margin-left: -230px; width: 460px;}
	.p-image-01 img{width: 460px;}
	.main-title {font-size: 25px;}
	.main-title span {top: 70px;}
	.logo {font-size: 23px;}
	.parallax.p-one{ height:600px;}
	.parallax.p-two {height: 400px;}
	.container-video {height: 260px;}
	.container-video .parallax-info{display: none;}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
.hideme{opacity: 1;}
.hideme-slide{opacity: 1; bottom: auto !important;}
	.main-title { height: 300px;top: 50%; margin-top:-150px;}
	.logo{ margin-left:20px;}
	.color-picker{ display:none;}	
	.p-image-02 div{ left:50%;}
	.p-image-first img{ width:222px;}
	.p-image-first{margin-left:-111px;}
	.p-image-second img{ width:300px; }
	.p-image-second{margin-left:-150px;}
	.p-image-02 .p-image-second{ left:50%;}
	.vegas-overlay{ display:none;}
	.main-title ul{ font-size:20px;}
	.main-title .second-title{ font-size:13px; width:240px;}
	.full{width: 300px;}
	.half{float: none; margin: auto; width: 300px; padding: 80px 10px 120px;}
	.half:first-child{padding-bottom: 0px;}
	.content .full .half{ padding-left:0; padding-right:0;}
	.next-featured{margin-left: 30px;}
	.prev-featured{margin-right: 30px;}
	.nav-featured{width: 292px;}
	.menu{display: none;}
	.title.one{font-size: 19px; padding: 50px 40px 50px; width: auto;}
	.title.two{font-size: 17px; padding: 0px 40px; width: auto;}
	.p-title-two{ font-size:14px;}
	.caroussel{width: 300px; height: 220px; margin-left:0;}
	.p-info{width: 300px;}
	.caroussel img{width: 300px; height: auto;}
	.team-box{width: 300px; margin: auto;}
	.s-container{width: 300px}
	.f-element{width: 100%;}
	.progress-bar{width: 300px;}
	.caroussel-2{width: 300px; height: 300px;}
	.car-quote {width: 300px;}
	.comment{font-size: 13px;}
	#filters{padding: 0 40px;}
	.bottom-line{width: 300px;}
	.project-content{width: 300px;}
	.project-content img{width: 300px;}
	.logos{width: 300px; margin: 70px auto 50px;}
	.img-spacer{width: 300px; margin-top: 0;}
	.img-spacer img{width: 300px;}
	.img-item {display: none;}
	.footer-container {width: 300px;}
	.foot-third{float: none; width: 100% !important; padding: 0; margin-top: 50px !imporant;}
	.foot-third:first-child{margin-top: 0;}
	.s-element{width: 300px;}
	.sl-element{width: 300px; margin-bottom:30px;}
	.t-element {float: none; margin: 30px auto 0;}
	.t-element:nth-child(2),.t-element:nth-child(4),.t-element:nth-child(6),.t-element:nth-child(8),.t-element:nth-child(10) {margin: 30px auto 0;}
	.p-image-01 {margin-left: -150px; width: 300px;}
	.p-image-01 img{width: 300px;}
	.content {width: 100%;overflow: hidden;}
	.main-title {font-size: 30px;}
	.welcome{ font-size:13px;}
	.main-title span {top: 100px;}
	.parallax.p-one{ height:280px;}
	.parallax.p-two {height: 255px;}
	.parallax.p-two .spacer{ display:none;}
	.p-title-one{ padding-top:40px;}
	.container-video {height: 160px;}
	.container-video .parallax-info{display: none;}
	.scrollup{display: none !important;}
	.mk-video-mask {opacity: 0.5; background:none;}
	.f-title-one{ text-align:center;}
	.f-title-two{ text-align:left;}
	.list_carousel.responsive{ margin-bottom:0; margin-top:50px;}
	#anchor5{ padding-bottom:35px;}
}