.delay1{
	-webkit-animation-delay: 0.5s; /* Safari and Chrome */
	animation-delay: 0.5s;
}
.delay2{
	-webkit-animation-delay: 1.0s; /* Safari and Chrome */
	animation-delay: 1.0s;
}
.delay3{
	-webkit-animation-delay: 1.5s; /* Safari and Chrome */
	animation-delay: 1.5s;
}
.delay4{
	-webkit-animation-delay: 2.0s; /* Safari and Chrome */
	animation-delay: 2.0s;
}
.delay5{
	-webkit-animation-delay: 2.5s; /* Safari and Chrome */
	animation-delay: 2.5s;
}

/* MEDIA FOR RESPONSIVE */


/* responsive titles in main section */
@media screen and (min-width: 992px) and (max-width: 1029px){
	
	.s1-title-big{font-size:19px !important;line-height:42px !important;}
	.s1-title-small{}
		
}
@media screen and (min-width: 1030px) and (max-width: 1398px){
	
	.s1-title-big{font-size:20px !important;line-height:52px !important;}
	.s1-title-small{}
}

@media screen and (min-width: 1399px) and (max-width: 1500px){
	
	.s1-title-big{font-size:22px !important;line-height:58px !important;}
	.s1-title-small{}
}

@media screen and (min-width: 1590px) and (max-width: 1700px){
	
	.s1-title-big{font-size:24px !important;line-height:70px !important;}
	.s1-title-small{}
}

/* end responsive titles in main section */



/* responsive mockup section */

@media screen and (min-width: 1030px) and (max-width: 1330px){
	
	/* left icons - middle mockup iphone - right icons */
	.s2-left{float:left;width: 30% !important;padding:65px 0px 0px 0px !important;}
	.s2-center{float:left;width: 40% !important;padding:30px 0px 0px 0px !important;}
	.s2-right{float:left;width: 30% !important;padding:65px 0px 0px 0px !important;}
}
@media screen and (min-width: 992px) and (max-width: 1029px){
	
	/* left icons - middle mockup iphone - right icons */
	.s2-left{float:left;width: 30% !important;padding:65px 0px 0px 0px !important;}
	.s2-center{float:left;width: 40% !important;padding:25px 0px 0px 0px !important;}
	.s2-right{float:left;width: 30% !important;padding:65px 0px 0px 0px !important;}
	
	/* team */
	.s6-item-social{height:40px !important;width:40px !important;}
	.s6-item-social i{line-height:40px !important;}
	.s6-social-container{margin-top:calc(50% - 25px) !important;}
		
}

/* end responsive mockups section */


@media screen and (min-width: 1200px) and (max-width: 2500px){
	.container{width:1170px;}

	.navbar-left .s0-top{padding:24px 15px 24px 0px !important;}
}

@media screen and (min-width: 992px) and (max-width:1300px){
	.container{width:970px;}
	

	
	
}

@media screen and (min-width: 992px) and (max-width:1199px){
	.container{width:970px;}
	
	.navbar-right{margin-right:0px !important;}
	.navbar-right .navbar-nav>li>a{padding:24px 15px 24px 15px !important;}

	
	.navbar-left .s0-top{padding:24px 15px 24px 0px !important;}
	.navbar-left li a{padding:24px 10px 24px 10px !important;text-align:center !important;}
}


@media screen and (min-width: 768px) and (max-width: 991px){
	
	
	.logotype span{margin-right:10px !important;margin-left:10px !important;margin-top:15px !important;float:left !important;}
	
	
	
	/* top navbar */
	
	.navbar-right{display:none !important;}
	.navbar-collapse-1{border:0 !important;border:0 !important;overflow:auto !important;}
	.navbar-left {padding:0px 20px 0px 0px !important;margin:0 !important;overflow:hidden !important;}
	.navbar-left li a{padding:15px 15px 15px 15px !important;text-align:center !important;}
	
	/* button for small section with bordered orange button */
	.btn-s2-2{margin:15px 6px 0px 6px !important;}
	.s1-col-bottom-span-2{padding:0px 15px 0px 15px !important;}
	
	/* title main page */
	.s1-title-big{font-size:19px !important;line-height:42px !important;}
	.s1-title-small{}

	/* section products */
	.s4-pattern{padding:40px 0px 40px 0px !important;}
	.s4-col-item {padding:0px 15px 60px 15px !important;}
	.s4-col-item.last-item{padding:0px 15px 0px 15px !important;}
	.s4-col-description-title{text-align:center !important;}
	.s4-col-description-bottom{text-align:center !important;}
	.s4-col-item-content{text-align:center !important;padding:15px 0px 15px 0px !important;}
	
	/* section team */
	.s6-person{margin:45px 0px 0px 0px;}
	.s6-person.first{margin:0px 0px 0px 0px;}
	.s6-person.first_tablet{margin:0px 0px 0px 0px;}
	.s6-content-2{padding:0px 15px 0px 15px !important;}
	
	/* review sections */
	.s8-item-middle{margin:0px 0px 45px 0px !important;padding:0 !important;}
	.s8-item-right{padding:0 !important;}
	
	/* left icons - middle mockup iphone - right icons */
	.s2-left{float:none !important;width: 100% !important;}
	.s2-center{float:left !important;width: 100% !important;}
	.s2-right{float:left !important;width: 100% !important;padding-top:35px !important;}
	.s2-icon-container{text-align:center !important;}
	
	.s2-right p{padding:0px 15px 0px 15px !important;}
	.s2-left p{padding:0px 15px 0px 15px !important;}
	
	/* section contact */
	.s15-col-md-left{padding:0px 0px 0px 0px !important;}
	.s15-col-md-right{padding:0px 0px 0px 0px !important;}
	.s15-col-contact{padding:60px 15px 0px 15px !important;}
}


/* social icons for team */
@media screen and (min-width: 300px) and (max-width: 450px){
	
	.s6-item-social{height:30px !important;width:30px !important;}
	.s6-item-social i{line-height:32px !important;}
	.s6-social-container{margin-top:calc(50% - 30px) !important;}
}

/* social icons for team */
@media screen and (min-width: 451px) and (max-width: 500px){
	
	.s6-item-social{height:30px !important;width:30px !important;}
	.s6-item-social i{line-height:32px !important;}
	.s6-social-container{margin-top:calc(50% - 15px) !important;}
}

@media screen and (min-width: 300px) and (max-width: 767px){
   
	/* top navbar */
	.logotype span{margin-top:5px !important;margin-left:30px !important;float:left !important;}
	.navbar-right{display:none !important;}
	.navbar-collapse-1{border:0 !important;border:0 !important;overflow:auto !important;}
	.navbar-left {padding:0px 20px 0px 0px !important;margin:0 !important;overflow:hidden !important;}
	.navbar-left li a{padding:15px 15px 15px 15px !important;text-align:center !important;}
	
	
	/* button for small section with bordered orange button */
	.btn-s2-2{margin:15px 6px 0px 6px !important;}
	.s1-col-bottom-span-2{padding:0px 5px 0px 5px !important;}
	
	/* buttons fix for mobile */
	.s1-buttons-container .btn.btn-1{margin-bottom:5px !important;}
	.s1-buttons-container .btn.btn-2{margin-bottom:5px !important;}
	
	/* title main page */
	.s1-title-big{font-size:14px !important;line-height:14px !important; padding:6px 0px 6px 0px}
	.s1-title-small.s1-title-small
		{
			font-size:9px;color:#ffffff;line-height:13px;font-weight:normal;padding:0px 0px 6px 0px;word-spacing:2px; 
			box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;
			border-style: double;
			border-width: 3px;
			border-color: #2e2f2f;;
			width: 100%;
            height: auto;       /* allow to fit content (if smaller)... */
            max-height: 120px;   /* ... but make sure it does not overflow browser window */

            /* allow vertical scrolling if required */
            overflow-x: hidden;
            overflow-y: auto;

		}
	.s1-title-container
	{
		//margin-top: 2.5px!important;"
	}
	.s1-buttons-container {
		
		padding: 15px 0px 0px 0px!important;
	}
	.s1-title-container img
	{
		//max-width: 60.5px!important;"
	}
	.s1-buttons-container .btn.btn-1 
	{
		min-width: 20px!important;
		display: inline-block;
		border: 1px solid #ffcc00!important;
		color: #e5e5e5;
		font-size: 8px!important;
		margin: 0px 0px 0px 0px;
		font-weight: 500px!important;
	}

	.s1-buttons-container .btn.btn-2 
	{
		min-width: 20px!important;
		background: #ffcc00;
		display: inline-block;
		border: 1px solid #ffcc00!important;
		color: #000000;
		font-size:8px!important;
		margin: 0px 0px 0px 0px;
		font-weight: 500px!important;}
	/* hide arrow images */
	.arrow-main{display:none !important;}
	
	
	/* section products */
	.s4-pattern{padding:40px 0px 40px 0px !important;}
	.s4-col-item {padding:0px 15px 60px 15px !important;}
	.s4-col-item.last-item{padding:0px 15px 0px 15px !important;}
	.s4-col-description-title{text-align:center !important;}
	.s4-col-description-bottom{text-align:center !important;}
	.s4-col-item-content{text-align:center !important;padding:15px 0px 15px 0px !important;}
	
	
	/* section team */
	.s6-person{margin:45px 0px 0px 0px;}
	.s6-person.first{margin:0px 0px 0px 0px;}
	.s6-person.first_tablet{margin:0px 0px 0px 0px;}
	.s6-content-2{padding:0px 15px 0px 15px !important;}
	
	
	/* review sections */
	.s8-item-middle{margin:0px 0px 45px 0px !important;padding:0 !important;}
	.s8-item-right{padding:0 !important;}	
	
	/* left icons - middle mockup iphone - right icons */
	.s2-left{float:none !important;width: 100% !important;}
	.s2-center{float:left !important;width: 100% !important;}
	.s2-right{float:left !important;width: 100% !important;padding-top:35px !important;}
	.s2-icon-container{text-align:center !important;}
	
	.s2-right p{padding:0px 15px 0px 15px !important;}
	.s2-left p{padding:0px 15px 0px 15px !important;}
	
	
	/* section contact */
	.s15-col-md-left{padding:0px 0px 0px 0px !important;}
	.s15-col-md-right{padding:0px 0px 0px 0px !important;}
	.s15-col-contact{padding:60px 15px 0px 15px !important;}
}