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

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

}

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

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
}
@media only screen and (max-width : 600px) {
	h1{
		font-size: 34px;
		margin-bottom: 15px;
	}
	.s1 .container{
		padding: 0;
	}
	.s1 h3{
		font-size: 20px;
		padding-left: 0;
	}
	.s1 .content,.s4 .content,.s7 .items{
		padding: 40px 30px;
	}
	h1::before {
    width: 10px;
    height: 10px;
    left: -15px;
    top: 15px;
}
.s1 .img,.s8 .img1,.s8 .img2{
	display: none;
}
.s1 h3::before {
    display: none;
}
.s1 .auth,.s6 .it,.s1 .deskr,.s1 .format,.s2 .item,.s3 ul,.s3 img,.s5 .it,.s5 img,.s6 .item,.s7 .items,.s8 .accordion,.s12 .accordion,.s9 .title,.s9 .item,.s10 .items .item,.box-modal,.s7 .item:first-child,.s7 .item:nth-child(2){
	width: 100%;
}
.s1 .auth div:first-child {
    width: 20%;
}
.s1 .auth div:last-child {
    width: 80%;
    font-size: 16px;
}
.s1 .format{
	margin-top: 17px;
}
.s1 .format button {
    padding: 17px 5px;
    font-size: 15px;
}
.desk{
	display: none !important;
}
.mob{
	display: block !important;
}
.s3 .image .img {
    top: -150%;
    left: auto;
    right: 5%;
}
section{
	padding: 20px 0;
}
h2{
	font-size: 42px;
}
.s4 h2::before {
    width: 200px;
    height: 15px;
}
.s5 .row{
	display: flex;
    flex-direction: column-reverse;
}
.s5 .it{
	margin-top: 0;
}
.s5 img{
	margin-top: 15px;
}
.s6 .item img {
    width: 10%;
}
.s6 .item p {
    width: 90%;
}
.s7 .items .img {
    width: 20%;
    top: -25px;
    right: -5px;
}
.s9 .title img {
    width: 12%;
    right: 130px;
    top: -10px;
}
.s9 .title{
	margin-bottom: 10px;
}
h2+p,.s10 .paket{
	margin-bottom: 20px;
}
.s11 h2+p{
	margin-bottom: 30px;
}
.s11 img{
	font-size: 40px;
}
.box-modal_close{
	right: 0;
	top: -40px;
}
.slick-prev, .slick-prev:hover, .slick-prev:focus{
	left: 25%;
}
.slick-next, .slick-next:hover, .slick-next:focus{
	right: 25%;
}
.s6{
	padding-top: 50px;
}
.s7 .items{
	padding-bottom: 80px;
}
.box-modal h3{
	font-size: 21px;
}
.box-modal{
	font-size: 13px;
}
input[type='submit']{
	padding: 10px 15px
}
.box-modal h3+.items{
  width: 80%;
}
}



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

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

}


/*==========  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 : 1920px) {

}