@charset "UTF-8";
/* Responsive Layout */


/* Smaller than 1180 (devices and browsers) */
@media only screen and (max-width: 1180px) {
.p-image-second img {  margin-left: 36px; width:100%;}
	
	
}

/* 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;}
.p-image-second img {  margin-left: 36px!important; width:100%!important;}
	
	.half{width: 485px; padding-bottom: 80px;}
	.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;}
	.title.two { margin: 11px auto 0px auto;}
	.p-image-first img { width:410px; margin-left: 59px!important; margin-bottom: -11px!important;}
	.p-image-second img { width:405px; margin-left:70px!important;}
	.chart-element { margin-left: 40px; width: 200px; margin-right: 0;}
	.st-element { width:288px;}
	#left-input .required{ width:570px!important; }
	#right-input .required { width:570px!important; }
	.p-video-title { margin: 213px auto auto;}
	.foot-third {width: 640px; margin: 0 auto; }
	.title-two, .title-full-two { margin-top: -50px;}
	.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;}
	.f-data{font-size: 14px;}
	.f-data span{padding-left: 5px;}
	.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{

		margin: 0 0 0 -161px!important;
	    width: 614px !important;
	}
	.intro-text { font-size: 54px!important;}
	.title-container { width:auto!important;}
	.team-box { margin: auto!important; width:230px!important;}
	.m-element { width:240px;}
	#Big-ico{ width:725px; margin:0 0 0 160px; }
	.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;}
	.d-element{margin-right: 70px; margin-left:0;}
	.half img { 
	left: 170px !important;
    top: -20px;
    width: 600px !important;
    }
    .t-data { margin-bottom:30px!important;}
    .half { padding-bottom:0!important; width:475px!important;}
    .half-content  { margin:0!important;  position: relative; top: -40px!important; left:240px!important;}

	.menu ul li {padding: 0 15px; font-size: 13px;}
	.p-image-01 {margin-left: -470px; width: 940px;}
	.p-image-01 img{width: 940px;}
	.p-image-03 img{width: 940px; margin-top: 80px; }
	.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 .divider {margin: 5px auto 25px;}
	.main-title ul {margin: 0;}
	.show {width: 385px;}
	.car-prev, .car-next {top: 100px;}
	.p-category {top: 25%;}
}

/* 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;}
	.explore_btn { margin:20px auto 0!important; }
	.intro-text { font-size: 43px !important;}
	.slides-navigation { top:52%!important;}


	.half:last-child { padding: 0 35px 30px 55px;}
	.half { width:550px;}
	.d-element { width: 278px; margin:0 10px 50px 70px;}
	.p-image-second img { width:250px;}
	.p-image-first img { width:200px;}

	.left-desc h3 { font-size:8em; text-align: center;}
	.parallax.p-one { padding-bottom: 210px!important; }
	.left-desc { padding-bottom: 272px; float:none; width:550px; }
	.parallax .hideme-slide, .parallax .hideme-slide2 { bottom:-61px !important;}

	.p-image-02 div { bottom: -8%; left:30%;}
	.p-image-second  {  margin-left:22px !important; }
	.p-image-second img { width:320px;}
	.p-image-first { margin-left: -91px !important; }
	.p-image-first img { width:243px;}

	.t-element { margin-right: 43px!important; width:242px!important;}
	.m-element { width:225px; margin:0 20px 0 90px; }

	.s-element { width:auto!important; float:left; }
	.s-info p { font-size: 15px;}

	.p-image-three img { width:730px; margin-left:-50px; }
	.p-image-03 div { top:87%;}
	.parallax.p-two { height:500px!important;}
	/*.p-image-03 div { left:-11%; top:auto!important;  }*/

	.parallax.p-three { height:811px!important; }
	.chart-element { width: 220px; margin:0 45px 0 30px; height: auto; }

	.st-element { width:auto!important; margin-bottom: 35px;}
	.p-video-title { margin:163px auto auto;}

	#buy-section a { float: left; padding: 22px; font-size:1.2em; }
	#left-input .required { width:590px!important;}

	.s-ico.s-ico-1 { background-position: -9px 31px!important;}
	.s-ico.s-ico-2 { background-position: -156px 36px!important;}
	.s-ico.s-ico-3 { background-position: -872px 28px!important;}

	 .s-ico-1:hover {  background-position: -9px -55px!important; } 
	 .s-ico-2:hover {  background-position: -156px -55px!important; } 
	 .s-ico-3:hover {  background-position: -872px -55px!important; } 

	 .testblock:after { left:8%!important;}
}

/* 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: 90px 0;}
	.foot-third {width: 320px; padding: 0 0 0 30px;}
	.foot-third:last-child {margin-top: 50px; width: 640px; padding: 0 30px;}
	.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: 0;}
	.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;}
	.p-category {
		-webkit-transform: scale(.8);
		   -moz-transform: scale(.8);
		    -ms-transform: scale(.8);
		     -o-transform: scale(.8);
		        transform: scale(.8);
	}
	.socialFooter .copyright { width:100%!important;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 795px) {
	
	#main-mockp { width:430px!important;}
	.width { half:auto!important; padding: 10px 0 50px 0!important;}
	.d-element { margin: 10px 10px 40px 70px!important; width:328px!important; }

	.left-desc h3 { text-align: left; font-size: 7em;}
	.p-image-02 div { bottom: -12%!important; left:31%!important;}
	.p-image-second img { width:310px!important; }
	.p-image-first img { width:260px!important;}
	.t-element { width:272px!important; margin-left: 62px !important;}
	.parallax.p-one { padding-bottom: 250px!important;}
	.parallax.p-two { height:340px!important;}
	.s-info p { font-size: 14px;}
	.s-info span { font-size: 20px; margin-bottom: 30px;}
	.title.two { margin:21px auto;}
	.m-element { width:265px!important;}
	.p-image-03 div { top:90%;}
	.p-title-one.ttr  { padding-top: 45px!important;}
	.p-image-three img { width:520px!important; margin-left: -10px;}
	.p-image-03 div { left:-15%!important;}	
	.t-photo {width:272px!important; }
	.t-photo img {width:272px!important; }
	.left-desc { width:470px;}
	.s-element { margin-bottom: 20px;}
	.p-category {-webkit-transform: scale(.7);
	   -moz-transform: scale(.7);
	    -ms-transform: scale(.7);
	     -o-transform: scale(.7);
	        transform: scale(.7);
	 }
	.s-ico.s-ico-1 { background-position: -6px 32px !important;}
	.s-ico.s-ico-2 { background-position: -151px 36px!important;}
	.s-ico.s-ico-3 { background-position: -870px 31px !important;}

	 .s-ico-1:hover {  background-position: -6px -53px!important; } 
	 .s-ico-2:hover {  background-position: -151px -53px !important; } 
	 .s-ico-3:hover {  background-position: -870px -53px!important; } 
	 
	 .parallax.p-three { height: 1401px!important;}
	 .chart-element { margin: 0 45px 17px 94px!important;}

	 .folio-btn {
	 	display: block!important;
	 	margin: 0 0 20px!important;
	    padding: 10px 72px !important;
	    text-align: center!important;
	    font-size: 16px!important;
	    float:none!important;

	 }
	 .st-element { width:auto!important;}
	 .divider { margin-bottom: 0!important;}
	#left-input .required { width:340px!important;}	
	#right-input .required { width:340px!important;}	
	.show {width: 385px;}
	.main-title ul{ margin-top:0; height:80px;}
	.main-title .spacer{ margin:20px auto;}
	.buy-logo{ margin-top:35px;}
	.intro-text { font-size: 38px!important;}
	.title-container ul li { font-size: 30px!important;}
	.explore_btn { margin:90px auto 0 !important; }
	
	/*footer info contact and icons */

	.copyright ul { width:auto;}
	.copyright ul li { font-size: 18px!important; }
	.copyright ul li.tele { background-position: 56px 2px!important; }
	.copyright ul li.address { background-position: -5px 3px!important; }
	.copyright ul li.email { background-position: 15px 4px!important; }




}

/* 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:18%!important;}
	.main-title ul li { 
	font-size: 29px!important;
	line-height:39px;
	
	}
	.copyright ul li { font-size: 22px; padding:0 0 0.3em .2em;}
	.copyright ul li.tele { background-position: 128px 2px;}
	.copyright ul li.address { background-position: 35px 3px;}
	.copyright ul li.email { background-position: 86px 4px;}
	
	.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;}
	.left-desc p {
		font-size: 18px;
		width: 430px;
		line-height: 30px;
	}
	.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: 28px; padding: 65px 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%; padding: 0; margin-top: 50px;}
	.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) {
	.title-container { width:250px; margin:auto;}
	.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; margin-left: 8px; }
	.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 20px 40px; 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;}
	.p-category { -webkit-transform: scale(.8);
	   -moz-transform: scale(.8);
	    -ms-transform: scale(.8);
	     -o-transform: scale(.8);
	        transform: scale(.8);}	
	.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;}
	.copyright ul { width: auto;}
	.img-item {display: none;}
	.footer-container {width: 300px;}
	.foot-third{float: none; width: 100%; padding: 0; margin-top: 50px;}
	.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:center;}
	.list_carousel.responsive{ margin-bottom:0; margin-top:50px;}
	#anchor5{ padding-bottom:35px;}
	.main-title ul li { 
	font-size: 20px!important;
	width: 100%!important;
	margin:auto;
	line-height: 35px;
	}
	.p-image-three img { width: 510px !important; }
	.socialFooter .social-icons .social div { margin:20px!important;}
	#footer-divider { width:100%;}
	.slides-navigation{ display: none;}
	.intro-text { font-size: 30px!important;}
	.explore_btn { margin:40px auto 0 !important; }
	.divider { top:40px!important;}
	#main-mockp { width:250px!important; left: 10%; margin-top: -14px;}

	.half-content{ width:270px!important; padding: 0 10px;}
	.d-element { margin: 10px 10px 40px 20px!important; width: 245px!important; }

	.left-desc h3 {
	text-align: left;
	width: 230px;
	font-size: 3.9em;
	line-height: 51px;
	margin-left: 10px;

	}
	.left-desc p {
		padding:0 10px!important;
		font-size: 16px;
		line-height: 26px;
		width: 275px;
	}
	.p-image-first img {
	width: 166px!important;
	}
	.p-image-second img{
		width:195px!important;
	}
	.p-image-02 .p-image-second {left: 20%!important;}
	.p-image-02 div { bottom: 0!important; }

	.parallax.p-one { padding-bottom:130px !important; }

	.t-element {
	width: 272px!important;
	margin-left: 12px !important;
	}

	.m-element { width: 245px!important; margin: 0 20px 0 23px;}

	.p-image-03 div { left: 0%!important; top:60%; }
	.p-image-three img { width: 290px!important; margin-left: 0; }
	.p-title-one.ttr { padding-top: 25px!important;}
	.parallax .p-dark { font-size: 2.5em!important; padding-bottom: 78px!important; }

	.parallax.p-two { height: 230px!important;}
	.chart-element { margin: 0 45px 17px 53px!important;}

	.testblock{
		padding: 12px 15px!important;
	}

	.testblock:after { left: 8%!important;}

	.st-element {
		width: 281px!important;
		padding: 0 9px;
	}
	#seen-enough { padding:0 10px;}
	#buy-section a { margin-left:10px!important;}
	.socialFooter .social-icons .social div { 
	-webkit-transform: scale(.7);
	   -moz-transform: scale(.7);
	    -ms-transform: scale(.7);
	     -o-transform: scale(.7);
	        transform: scale(.7);
	}
	.left-desc { width:331px!important;}
	.socialFooter .social-icons .social div {
	height: 47px;
	/*margin: 0 6px;*/
	display: block;
	 }
	 #left-input .required { width:240px!important;}
	 #right-input .required { width:240px!important;}
	 .social-icons { margin: auto !important;
    padding: 20px 0;
    width: auto;}
    .socialFooter .social-icons .social div { margin: 0 11px; }
    .ContactForm .required {padding: 17px 23px; margin-bottom: 30px; margin-left: 5px; }
    .send-btn { margin-left:10px; }
		
}


@media only screen and (max-width: 280px) {
	.left-desc p { font-size: 15px!important; line-height: 20px; width:240px; }
	.p-image-second img { width:175px!important;}
	.p-image-first img { width:156px!important;}

}