/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1920px) {

}

@media only screen and (max-width : 1500px) {

}

@media only screen and (max-width : 1200px) {
	.carousel-caption {
		top: 15%;
	}

	.slider .request-call{
		margin: 408px 0 0 0;
	}
}

@media only screen and (max-width : 1199px){
	.carousel-caption {
		top: 20%;
	}	

	.slider .title-slider {
		margin-bottom: 58px;
		font-size: 70px;
	}

	.slider .text-slider {
    margin: -30px 200px 20px 0;
    font-size: 30px;	
	}

	.slider .request-call{
		margin: 231px 0 0 0;
	}

	.about-product .product-title{
		margin: 40px 0 50px 0;
		font-size: 32px;
	}

	.about-product .slider-for-app{
		height: 620px;
		background: url(../images/mobilephone.png) no-repeat 0 0;
		-webkit-background-size: 293px auto;
		background-size: 293px auto;
	}	

	#slideshow IMG {
		position:absolute;
		top:67px;
		left:22px; 
		height:442px;
	}  	

	.about-product .item1, 	.about-product .item3{
		margin: 81px 0 0 0;
	}	

	.about-product .item2 {
		margin-top: 77px;
	}

	.about-product .item4 {
		margin-top: 71px;
	}

	.about-product .arrow{
		top: 535px;
		left: 134px;
	}

	.about-product .arrow:hover{
		top: 532px;
	}

	.what-gives .what-gives-title{
		margin: 40px 0 0 0;
		font-size: 32px;
	}

	.what-gives .rocket{
		margin: -70px 0 0 -128px;
	}

	.what-gives .gives-text {
		margin: 7px 0 0 20px;
		width: 260px;
		text-align: left;
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(1){
		margin: 80px 0 70px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(2){
		margin: 0 0 76px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(3){
		margin: 0 0 51px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(4){
		margin: 0 0 80px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(1){
		margin: 80px 0 53px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(2){
		margin: 0 0 32px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(3){
		margin: 0 0 77px 0;	
	}

	.contacts .img-phone2{
		margin-left: -70px;
	}

	.contacts .img-phone3{
		margin-left: -70px;
	}

	.price .price-title{
		margin: 40px 0 30px 0;
	}

	.price .tarif-adaptive {
		margin-left: 41px;
	}

	.compare .compare-title{
		margin: 40px 0 50px 0;
		font-size: 28px;
	}

	.compare .title-table{
		height: 82px;
		width: 210px;
		font-size: 22px;	
	}

	.compare .title-table:nth-of-type(1){
		padding: 25px 0 0 70px;	
		margin: 0 20px 0 270px;
		background: #a8ca2b url(../images/icon-petya.png) no-repeat 18px 20px;
	}

	.compare .title-table:nth-of-type(2){
		padding: 25px 0 0 90px;
		margin: 0 20px 0 0;
		background: #a8ca2b url(../images/icon-bc.png) no-repeat 37px 20px;
	}

	.compare .title-table:nth-of-type(3){
		margin-right: 0;
		background: #a8ca2b url(../images/icon-logo-dark.png) no-repeat 15px 26px;
	}

	.compare .col-4{
		padding: 0 0;
	}

	.compare .note:nth-of-type(3) {
		margin-bottom: 30px;
	}
}	

/* Medium Devices, Desktops */
@media only screen and (max-width : 991px) {
	.slider .title-slider {
    margin-bottom: 20px;
    font-size: 60px;
	}

	.slider .text-slider {
    margin: 0 0 20px 0;	
	}

	.slider .request-call{
		margin: 217px 0 0 0;
		padding: 1px 65px;	
		font-size: 30px;
	}

	.about-product .product-title{
		margin: 30px 0 50px 0;
		font-size: 28px;
	}

	.about-product .slider-for-app{
		height: 470px;
		background: url(../images/mobilephone.png) no-repeat 0 0;
		-webkit-background-size: 293px auto;
		background-size: 215px auto;
	}	

	#slideshow IMG {
		position:absolute;
		top:48px;
		left:16px; 
		height:327px;
	}  	

	.about-product .item1, 	.about-product .item3{
		margin: 61px 0 0 0;
	}	

	.about-product .item2 {
		margin-top: 77px;
	}

	.about-product .item4 {
		margin-top: 71px;
	}

	.about-product .product-item{
		font-size: 20px;
	}

	.about-product .product-item span{
		font-size: 22px;
	}
	
	.about-product .arrow{
		width: 15px;
		height: auto;
		top: 394px;
		left: 100px;
	}

	.about-product .arrow:hover{
		top: 390px;
	}

	.what-gives .rocket{
		margin: -55px 0 0 -150px;
	}

	.what-gives .what-gives-title{
		margin: 30px 0 0 0;
		font-size: 28px;
	}	

	.what-gives .gives-circle {
		float: none;
		margin: 0 auto;
	}

	.what-gives .gives-text {
		margin: 10px 0 0 0;
		width: 288px;
		text-align: left;
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(1){
		margin: 30px 0 28px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(2){
		margin: 0 0 65px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(3){
		margin: 0 0 30px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(4){
		margin: 0 0 90px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(1){
		margin: 30px 0 28px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(2){
		margin: 0 0 28px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(3){
		margin: 0 0 67px 0;	
	}

	.contacts .img-phone3{
		display: none;
	}

	.contacts .col-phone {
		margin: 50px 0 50px 0;
	}

	.contacts .contacts-txt {
		margin: 150px 0 55px 0;
		font-size: 28px;
	}

	.price .price-title{
		margin: 30px 0 20px 0;
		font-size: 24px;
	}

	.price .price-title span{
		font-size: 28px;
	}

	.price .tarif {
    width: 95%;
	}

	.price .tarif-adaptive {
		margin-left: 0;
	}

	.compare .compare-title{
		margin: 30px 0 20px 0;
		font-size: 26px;
	}
}

@media only screen and (max-width : 900px) {
	.slider .title-slider {
    margin-bottom: 30px;
    font-size: 60px;
	}

	.slider .text-slider {
    margin: 0 0 20px 0;	
	}

	.slider .icon-appstore{
		float: left;
		margin: 0 15px 0 0;
	}

	.slider .icon-google{
	float: left;
		margin: 0 0 0 0;
	}

	.slider .request-call{
		margin: 217px 0 0 0;
		padding: 1px 65px;	
		font-size: 30px;
	}
}

@media only screen and (max-width : 850px) {
	.slider .title-slider {
    margin-bottom: 20px;
    font-size: 55px;
	}

	.slider .text-slider {
    margin: 0 0 20px 0;	
	}

	.slider .icon-appstore{
		float: left;
		margin: 0 15px 0 0;
	}

	.slider .icon-google{
		float: left;
		margin: 0 0 0 0;
	}

	.slider .request-call{
		margin: 198px 0 0 0;
		padding: 1px 65px;	
		font-size: 30px;
	}
}

@media only screen and (max-width : 767px) {
	.carousel-caption {
		top: 10%;
	}

	.slider .title-slider {
    margin-bottom: 20px;
    font-size: 55px;
    text-align: center;
	}

	.slider .text-slider {
    margin: 0 0 20px 0;	
    text-align: center;
	}

	.slider .wrap-btn-slider{
		width: 325px;
		margin: 0 auto 30px auto;
		overflow: hidden;
	}

	.slider .icon-appstore{
		float: left;
		margin: 0 15px 0 0;
	}

	.slider .icon-google{
		float: left;
		margin: 0 0 0 0;
	}

	.slider .request-call{
		margin: 0 auto 0 auto;
		padding: 1px 65px;	
		font-size: 30px;
		clear: both;
	}

	.nav-slider{
		position: relative;
		top: 0;
	}

	.navbar-brand{
		margin-top: 13px;
	}

	.navbar-nav > li:first-child {
		margin-left: 0;
	}

	.about-product .product-title{
		margin: 30px 0 30px 0;
		font-size: 28px;
	}

	.about-product .slider-for-app{
		height: 470px;
		width: 211px;
		margin: 0 auto;
		background: url(../images/mobilephone.png) no-repeat 0 0;
		-webkit-background-size: 293px auto;
		background-size: 215px auto;
	}	

	#slideshow IMG {
		position:absolute;
		top:48px;
		left:16px; 
		height:327px;
	}  	

	.about-product .item1, 	.about-product .item3{
		margin: 0 0 30px 0;
	}	

	.about-product .item2 {
		margin: 0 0 30px 0;
	}

	.about-product .item4 {
		margin: 0 0 30px 0;
	}

	.what-gives{
		background-color: #37474f;
		background-image: none;
	}

	.what-gives .gives-circle {
		float: none;
		margin: 0 auto;
	}

	.what-gives .gives-text {
		margin: 10px 0 0 0;
		width: 100%;
	}

	.what-gives .gives-item{
		padding: 0 100px;
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(1){
		margin: 30px 0 40px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(2){
		margin: 0 0 40px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(3){
		margin: 0 0 40px 0;	
	}

	.what-gives .gives-col1 .gives-item:nth-of-type(4){
		margin: 0 0 40px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(1){
		margin: 0 0 40px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(2){
		margin: 0 0 40px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(3){
		margin: 0 0 40px 0;	
	}

	.what-gives .gives-col2 .gives-item:nth-of-type(4){
		margin: 0 0 30px 0;	
	}
	
	.contacts .wrap-phone{
		width: 550px;
		margin: 0 auto;
	}

	.contacts .img-phone3{
		display: inline;
	}

	.contacts .img-phone2{
		margin-left: -20px;
	}

	.contacts .img-phone3{
		margin-left: -20px;
	}

	.contacts .contacts-txt {
		margin: 0 0 55px 0;
		font-size: 28px;
	}

	.contacts .free{
		margin-bottom: 30px;
	}

	.bottom-footer .img-footer{
		margin: 20px 10px 20px 0;
	}	

	.bottom-footer .copyright{
		margin: 0 0 30px 0;
		text-align: left;
	}

	.price .tarif {
    width: 100%;
	}

	.modal-dialog {
		width: auto;
	}

	.modal img{
		width: 130px;
	}

	.modal .form-modal{
		width: 80%;
		margin: 0 auto;
	}

	.modal .label-form-modal{
		display: block;
		margin: 0 0 3px 0;
		font-size: 18px;
		font-weight: 300;
		text-align: center;
	}

	.modal #tel, .modal #email{
		width: 100%;
		margin: 0 0 12px 0;
		padding: 4px 10px;
		font-size: 18px;
		border: 1px solid #37474f;
		border-radius: 5px;
	}

	.modal #comments{
		border: 1px solid #37474f;		
	}

	.modal .btn-form-modal{
		margin: 0 auto 0 auto;
		padding: 1px 71px;	
		font-size: 25px;
	}

	.modal img {
		margin: -40px auto 10px auto;
	}

	.modal-header span{
		font-size: 40px;
	}

	.compare .compare-title{
		margin: 30px 15px 30px 15px;
		font-size: 26px;
	}

	.table-bordered > thead > tr > th,
	.table-bordered > tbody > tr > th,
	.table-bordered > tfoot > tr > th,
	.table-bordered > thead > tr > td,
	.table-bordered > tbody > tr > td,
	.table-bordered > tfoot > tr > td {
		border-bottom: 1px solid #a8ca2b; 
		border-right: 1px solid #a8ca2b;
		border-left: 1px solid #a8ca2b;
	}

	.compare table td{
		width: auto;
		height: auto;
	}

	.compare table{
		font-size: 13px;
	}

	.compare .col-bold {
		padding: 0 5px;
	}

	.compare .col-4 {
		padding: 0 5px;
	}
}

@media only screen and (max-width : 720px){
	.slider .carousel-indicators{
		display: none;
	}
}

@media only screen and (max-width : 700px){
	.carousel-caption {
		top: 5%;
	}

	.slider .title-slider {
    margin-bottom: 10px;
    font-size: 50px;
    text-align: center;
	}

	.slider .text-slider {
    margin: 0 0 20px 0;	
    text-align: center;
    font-size: 20px;
	}

	.slider .wrap-btn-slider{
		width: 325px;
		margin: 0 auto 20px auto;
		overflow: hidden;
	}

	.slider .icon-appstore{
		float: left;
		margin: 0 15px 0 0;
	}

	.slider .icon-google{
		float: left;
		margin: 0 0 0 0;
	}

	.slider .request-call{
		margin: 0 auto 0 auto;
		padding: 1px 65px;	
		font-size: 30px;
		clear: both;
	}
}

@media only screen and (max-width : 600px) {
	.slider .text-slider{
		display: none;
	}

	.slider .title-slider {
    margin-bottom: 20px;
  }
    
	.navbar-toggle {
		margin-right: 0;
	}

	.contacts .wrap-phone{
		width: 470px;
		margin: 0 auto;
	}

	.contacts .img-phone2{
		margin-left: -60px;
	}

	.contacts .img-phone3{
		margin-left: -60px;
	}

}

@media only screen and (max-width : 520px) {
	.slider .title-slider {
    margin-bottom: 20px;
    font-size: 50px;
  } 

	.slider .icon-appstore{
		display: none;
	}

	.slider .icon-google{
		display: none;
	}

	.what-gives .gives-item{
		padding: 0 0;
	}  
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 500px) {
	.contacts .img-phone3{
		display: none;
	}

	.contacts .wrap-phone{
		width: 370px;
		margin: 0 auto;
	}

	.contacts .img-phone2{
		margin-left: -20px;
	}

	.contacts .img-phone3{
		margin-left: -20px;
	}

	.contacts .contacts-txt {
		margin: 0 0 25px 0;
	}

	.contacts .contacts-img {
		margin: 0 auto 25px auto;
	}

	.contacts .contacts-txt{
		font-size: 24px;
	} 
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 400px) {
	.slider .title-slider {
    margin-bottom: 10px;
    font-size: 40px;
  }

	.contacts .col-phone {
    margin: 30px 0 30px 0;
	}

	.contacts .wrap-phone{
		width: 270px;
		margin: 0 auto;
	}

	.contacts .img-phone{
		width: 140px;
		height: auto;
	}

	.contacts .img-phone2{
		width: 140px;
		height: auto;
	}	
}

@media only screen and (max-width : 380px) {
	.carousel-caption {
		top: 5%;
	}	

	.contacts .contacts-txt{
		font-size: 22px;
	}

}

@media only screen and (max-width : 370px){
	.slider .title-slider {
    margin-bottom: 0;
    font-size: 35px;
  }

	.slider .request-call{
		margin: 0 auto 0 auto;
		padding: 1px 65px;	
		font-size: 30px;
		clear: both;
	}

	.contacts .contacts-txt{
		font-size: 24px;
	}

	.contacts .contacts-call {
		padding: 7px 80px;
	}

	.bottom-footer .img-footer{
		margin: 20px 10px 20px 0;
		width: 20%;
	}
}





/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {

}