
.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:36px !important;line-height:42px !important;}
	.s1-title-small{}
		
}
@media screen and (min-width: 1030px) and (max-width: 1398px){
	
	.s1-title-big{font-size:52px !important;line-height:52px !important;}
	.s1-title-small{}
}

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

@media screen and (min-width: 1590px) and (max-width: 1700px){
	
	.s1-title-big{font-size:66px !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:36px !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:15px !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 15px 0px 15px !important;}
	
	/* buttons fix for mobile */
	.s1-buttons-container .btn.btn-1{margin-bottom:15px !important;}
	.s1-buttons-container .btn.btn-2{margin-bottom:15px !important;}
	
	/* title main page */
	.s1-title-big{font-size:36px !important;line-height:42px !important;}
	.s1-title-small{}
	
	/* 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;}
}
