@media only screen and (max-width: 335px) {
  .owl {
    display: none !important;
  }

  .img5 {
    display: none !important;
  }

  .img6 {
    display: none !important;
  }

  .img7 {
    display: none !important;
  }

  .img8 {
    display: none !important;
  }

  .navbar {
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: transparent !important;
    height: 50px !important;
    box-shadow: none !important;
  }

  #icon1 {
    display: none !important;
  }

  #icon2 {
    display: none !important;
  }

  #icon3 {
    display: block !important;
  }

  #icon3 ul {
    bottom: 10px !important;
  }

  .hamburger {
    position: absolute !important;
    right: 20px !important;
    margin-top: 5px !important;
  }

  .hamburger .line {
    width: 30px !important;
    height: 4px !important;
    margin: 9px auto !important;
  }

  .menu ul li a {
    font-size: 1.5em !important;
  }

  .title h1 {
    right: 10px !important;
    font-size: 40px !important;
  }

  .subtitle h1 {
    right: 10px !important;
    font-size: 20px !important;
    margin-top: 155px !important;
  }

  .button3 {
    padding: 10px 20px !important;
    right: 10px !important;
    margin-top: 240px !important;
  }

  .quote p {
    font-size: 25px !important;
    right: 10px !important;
    margin-top: 290px !important;
  }

  #copyright {
    bottom: 10px !important;
    right: 20px !important;
    font-size: 12px !important;
  }

  /*Contact page*/
  .background3 {
    background: #1e1e1b !important;
  }

  .title3 h1 {
    font-size: 30px !important;
    left: 80px !important;
    top: 10px !important;
  }

  .subtitle3 h3 {
    font-size: 15px !important;
    left: 0px !important;
  }

  hr {
    left: 50px !important;
    width: 70% !important;
  }

  .text-line1 {
    left: 20px !important;
    width: 200px !important;
  }

  .text-line1:focus {
    width: 230px !important;
  }

  .text-line2 {
    left: 20px !important;
    width: 200px !important;
  }

  .text-line2:focus {
    width: 230px !important;
  }

  .text-line3 {
    left: 20px !important;
    width: 200px !important;
  }

  .text-line3:focus {
    width: 230px !important;
  }

  .text-line4 {
    left: 20px !important;
    width: 200px !important;
  }

  .text-line4:focus {
    width: 230px !important;
  }

  .text-line5 {
    left: 20px !important;
    width: 200px !important;
  }

  .text-line5:focus {
    width: 230px !important;
  }

  .button a {
    bottom: 5px !important;
    left: 150px !important;
    width: 160px !important;
    height: 40px !important;
    font-size: 20px !important;
  }

  #copyright1 {
    left: 20px !important;
    bottom: 0px !important;
  }
}

@media only screen and (max-height: 335px) {
  .quote p {
    margin-top: 290px !important;
    right: 10px !important;
    position: absolute !important;
  }

  .img5 {
    display: none !important;
  }

  .img6 {
    display: none !important;
  }

  .img7 {
    display: none !important;
  }

  .img8 {
    display: none !important;
  }

  #icon1 {
    display: none !important;
  }

  #icon2 {
    display: none !important;
  }

  #icon3 {
    display: block !important;
  }

  #icon3 ul {
    margin-bottom: 0px !important;
  }

  /*#copyright{
		bottom: 10px !important;
		right: 20px !important;
		font-size: 12px !important;
	}*/

  /*Contact page*/

  .background3 {
    background: #1e1e1b !important;
  }

  .title3 h1 {
    position: absolute !important;
    top: 40px !important;
    right: 30px !important;
  }
}

@media screen and (min-width: 335px) {
  .owl {
    display: none !important;
  }

  .img5 {
    display: none !important;
  }

  .img6 {
    display: none !important;
  }

  .img7 {
    display: none !important;
  }

  .img8 {
    display: none !important;
  }

  .navbar {
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: transparent !important;
    height: 50px !important;
    box-shadow: none !important;
  }
  #icon1 {
    display: none !important;
  }

  #icon2 {
    display: none !important;
  }

  #icon3 {
    display: block !important;
  }

  #icon3 ul {
    margin-bottom: 40px !important;
  }

  .hamburger {
    position: absolute !important;
    right: 20px !important;
    margin-top: 5px !important;
  }

  .hamburger .line {
    width: 30px !important;
    height: 4px !important;
    margin: 9px auto !important;
  }

  .menu ul li a {
    font-size: 1.5em !important;
  }

  .title h1 {
    right: 10px !important;
    font-size: 40px !important;
  }

  .subtitle h1 {
    right: 10px !important;
    font-size: 20px !important;
    margin-top: 155px !important;
  }

  .button3 {
    padding: 10px 20px !important;
    right: 10px !important;
    margin-top: 240px !important;
  }

  .quote p {
    font-size: 25px !important;
    right: 10px !important;
    margin-top: 290px !important;
  }

  #copyright {
    bottom: 10px !important;
    right: 20px !important;
    font-size: 12px !important;
  }
}

@media screen and (min-width: 360px) {
  #icon3 {
    display: block !important;
  }

  #icon3 ul {
    bottom: 20px !important;
  }

  #copyright {
    bottom: 10px !important;
    font-size: 12px !important;
    right: 20px !important;
  }
}

@media screen and (min-width: 400px) {
  .owl {
    display: none !important;
  }

  .img1 {
    display: none !important;
  }

  .img2 {
    display: none !important;
  }

  .img3 {
    display: none !important;
  }

  .img4 {
    display: none !important;
  }

  .navbar {
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: transparent !important;
    height: 50px !important;
    box-shadow: none !important;
  }

  #icon1 {
    display: none !important;
  }

  #icon2 {
    display: none !important;
  }

  #icon3 {
    display: block !important;
  }

  #icon3 ul {
    margin-bottom: 60px !important;
  }

  .hamburger {
    position: absolute !important;
    right: 20px !important;
    margin-top: 5px !important;
  }

  .hamburger .line {
    width: 30px !important;
    height: 4px !important;
    margin: 9px auto !important;
  }

  .menu ul li a {
    font-size: 1.5em !important;
  }

  .title h1 {
    right: 20px !important;
    font-size: 45px !important;
  }

  .subtitle h1 {
    right: 20px !important;
    font-size: 25px !important;
    margin-top: 170px !important;
  }

  .button3 {
    padding: 10px 20px !important;
    right: 20px !important;
    margin-top: 280px !important;
  }

  .quote p {
    font-size: 25px !important;
    right: 20px !important;
    margin-top: 330px !important;
  }

  #copyright {
    right: 20px;
    bottom: 10px !important;
  }
}

@media only screen and (min-width: 480px) {
  #icon3 ul {
    bottom: 0px !important;
  }

  #copyright {
    right: 40px !important;
    bottom: 20px !important;
    font-size: 15px !important;
  }
}

@media only screen and (min-width: 515px) {
  #icon3 ul {
    bottom: -100px !important;
  }
}

@media only screen and (min-width: 520px) {
  .owl {
    display: none !important;
  }

  .img5 {
    display: none !important;
  }

  .img6 {
    display: none !important;
  }

  .img7 {
    display: none !important;
  }

  .img8 {
    display: none !important;
  }

  .navbar {
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: transparent !important;
    height: 60px !important;
    box-shadow: none !important;
  }

  #icon1 {
    display: none !important;
  }

  #icon2 {
    display: none !important;
  }

  #icon3 {
    display: block !important;
  }

  #icon3 ul {
    bottom: 0px !important;
  }

  .hamburger {
    position: absolute !important;
    right: 20px !important;
    margin-top: 5px !important;
  }

  .hamburger .line {
    width: 40px !important;
    height: 4px !important;
    margin: 9px auto !important;
  }

  .menu ul li a {
    font-size: 2em !important;
  }

  .title h1 {
    right: 30px !important;
    font-size: 55px !important;
    margin-top: 140px !important;
  }

  .subtitle h1 {
    right: 30px !important;
    font-size: 30px !important;
    margin-top: 240px !important;
  }

  .button3 {
    padding: 15px 25px !important;
    right: 20px !important;
    margin-top: 430px !important;
  }

  .quote p {
    font-size: 30px !important;
    right: 20px !important;
    margin-top: 490px !important;
  }
}

@media only screen and (min-width: 640px) {
  #icon3 ul {
    bottom: -20px !important;
  }

  #copyright {
    bottom: 0;
  }
}

@media only screen and (min-width: 750px) {
  #icon3 ul {
  }

  #copyright {
    bottom: 20px !important;
  }
}

@media only screen and (min-width: 768px) {
  .owl {
    display: none !important;
  }

  .box .img5 {
    position: fixed !important;
    display: block !important;
    height: 90px !important;
    width: 90px !important;
    bottom: 350px !important;
    left: 40px !important;
  }

  .box1 .img6 {
    position: fixed !important;
    display: block !important;
    height: 90px !important;
    width: 90px !important;
    bottom: 240px !important;
    left: 40px !important;
  }

  .box2 .img7 {
    position: fixed !important;
    display: block !important;
    height: 90px !important;
    width: 90px !important;
    bottom: 20px !important;
    left: 40px !important;
  }

  .box3 .img8 {
    position: fixed !important;
    display: block !important;
    height: 90px !important;
    width: 90px !important;
    bottom: 130px !important;
    left: 40px !important;
  }

  .navbar {
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: transparent !important;
    height: 50px !important;
    box-shadow: none !important;
  }

  #icon1 {
    display: none !important;
  }

  #icon2 {
    display: none !important;
  }

  #icon3 {
    display: block !important;
  }

  #icon3 ul {
    bottom: 0px !important;
  }

  .hamburger {
    position: absolute !important;
    right: 20px !important;
    margin-top: 5px !important;
  }

  .hamburger .line {
    width: 45px !important;
    height: 5px !important;
    margin: 9px auto !important;
  }

  .menu ul li a {
    font-size: 2em !important;
  }

  .title h1 {
    right: 50px !important;
    font-size: 70px !important;
    margin-top: 200px !important;
  }

  .subtitle h1 {
    right: 40px !important;
    font-size: 30px !important;
    margin-top: 300px !important;
  }

  .button3 {
    padding: 15px 30px !important;
    right: 40px !important;
    margin-top: 500px !important;
  }

  .quote p {
    font-size: 35px !important;
    right: 40px !important;
    margin-top: 570px !important;
  }

  #copyright {
    bottom: 20px !important;
    right: 20px !important;
    font-size: 16px !important;
  }
}

@media only screen and (min-width: 800px) {
  .owl {
    display: none !important;
  }

  .box .img5 {
    position: fixed !important;
    display: block !important;
    left: 40px !important;
    bottom: 350px !important;
    height: 90px !important;
    width: 90px !important;
  }

  .box1 .img6 {
    position: fixed !important;
    display: block !important;
    left: 40px !important;
    bottom: 240px !important;
    height: 90px !important;
    width: 90px !important;
  }

  .box2 .img7 {
    position: fixed !important;
    display: block !important;
    left: 40px !important;
    bottom: 20px !important;
    height: 90px !important;
    width: 90px !important;
  }

  .box3 .img8 {
    position: fixed !important;
    display: block !important;
    left: 40px !important;
    bottom: 130px !important;
    height: 90px !important;
    width: 90px !important;
  }

  .navbar {
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    top: 0 !important;
    width: 100% !important;
    background: transparent !important;
    height: 50px !important;
    box-shadow: none !important;
  }

  #icon1 {
    display: none !important;
  }

  #icon2 {
    display: none !important;
  }

  #icon3 {
    display: block !important;
  }

  #icon3 ul {
    bottom: 50px !important;
  }

  .hamburger {
    position: absolute !important;
    right: 20px !important;
    margin-top: 5px !important;
  }

  .hamburger .line {
    width: 45px !important;
    height: 5px !important;
    margin: 9px auto !important;
  }

  .menu ul li a {
    font-size: 2em !important;
  }

  .title h1 {
    right: 50px !important;
    font-size: 70px !important;
    margin-top: 200px !important;
  }

  .subtitle h1 {
    right: 40px !important;
    font-size: 30px !important;
    margin-top: 300px !important;
  }

  .button3 {
    padding: 15px 30px !important;
    right: 40px !important;
    margin-top: 500px !important;
  }

  .quote p {
    font-size: 35px !important;
    right: 40px !important;
    margin-top: 570px !important;
  }

  #copyright {
    bottom: 20px !important;
    right: 20px !important;
  }
}

@media only screen and (min-width: 1024px) {
  .owl {
    display: block !important;
    padding-left: 50px !important;
    height: 430px !important;
    width: 470px !important;
  }

  .box .img5 {
    position: fixed !important;
    display: block !important;
    left: 220px !important;
    bottom: 360px !important;
    height: 90px !important;
    width: 90px !important;
  }

  .box1 .img6 {
    position: fixed !important;
    display: block !important;
    left: 330px !important;
    bottom: 330px !important;
    height: 90px !important;
    width: 90px !important;
  }

  .box2 .img7 {
    position: fixed !important;
    display: block !important;
    left: 430px !important;
    bottom: 130px !important;
    height: 90px !important;
    width: 90px !important;
  }

  .box3 .img8 {
    position: fixed !important;
    display: block !important;
    left: 410px !important;
    bottom: 240px !important;
    height: 90px !important;
    width: 90px !important;
  }

  .navbar {
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    top: 0 !important;
    height: 100% !important;
    background: #fcfcfc !important;
    width: 100px !important;
    box-shadow: none !important;
    box-shadow: 2px 2px 2px #888888 !important;
  }

  #icon1 {
    display: block !important;
  }

  #icon2 {
    display: block !important;
  }

  #icon3 {
    display: none !important;
  }

  .hamburger {
    position: absolute !important;
    left: 20px !important;
    top: 47%;
  }

  .hamburger .line {
    width: 45px !important;
    height: 5px !important;
    margin: 9px auto !important;
  }

  .menu ul li a {
    font-size: 2em !important;
  }

  .title h1 {
    right: 50px !important;
    font-size: 75px !important;
    margin-top: 150px !important;
  }

  .subtitle h1 {
    right: 50px !important;
    font-size: 35px !important;
    margin-top: 260px !important;
  }

  .button3 {
    padding: 15px 30px !important;
    right: 50px !important;
    margin-top: 450px !important;
  }

  .quote p {
    font-size: 35px !important;
    right: 50px !important;
    margin-top: 520px !important;
  }

  #copyright {
    bottom: 10px !important;
    font-size: 14px;
  }
}

@media only screen and (max-width: 1219px) {
  .box .content {
    height: 100% !important;
    width: 650px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 650px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 650px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 650px !important;
  }
}

@media only screen and (max-width: 1167px) {
  .box .content {
    height: 100% !important;
    width: 600px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 600px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 600px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 600px !important;
  }
}

@media only screen and (max-width: 1113px) {
  .box .content {
    height: 100% !important;
    width: 550px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 550px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 550px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 550px !important;
  }
}

@media only screen and (max-width: 1067px) {
  .box .content {
    height: 100% !important;
    width: 530px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 530px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 530px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 530px !important;
  }
}

@media only screen and (max-width: 1044px) {
  .box .content {
    height: 100% !important;
    width: 510px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 510px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 510px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 510px !important;
  }
}

@media only screen and (max-width: 1024px) {
  .box .content {
    height: 100% !important;
    width: 510px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 510px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 510px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 510px !important;
  }
}

@media only screen and (max-width: 1023px) {
  .box .content {
    height: 100% !important;
    width: 830px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 830px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 830px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 830px !important;
  }
}

@media only screen and (max-width: 1000px) {
  .box .content {
    height: 100% !important;
    width: 800px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 800px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 800px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 800px !important;
  }
}

@media only screen and (max-width: 990px) {
  .box .content {
    height: 100% !important;
    width: 780px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 780px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 780px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 780px !important;
  }
}

@media only screen and (max-width: 980px) {
  .box .content {
    height: 100% !important;
    width: 750px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 750px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 750px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 750px !important;
  }
}

@media only screen and (max-width: 940px) {
  .box .content {
    height: 100% !important;
    width: 710px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 710px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 710px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 710px !important;
  }
}

@media only screen and (max-width: 890px) {
  .box .content {
    height: 100% !important;
    width: 680px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 680px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 680px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 680px !important;
  }
}

@media only screen and (max-width: 855px) {
  .box .content {
    height: 100% !important;
    width: 650px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 650px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 650px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 650px !important;
  }
}

@media only screen and (max-width: 815px) {
  .box .content {
    height: 100% !important;
    width: 610px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 610px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 610px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 610px !important;
  }

  #icon3 {
    display: block !important;
    bottom: -50px !important;
  }
}

@media only screen and (max-width: 785px) {
  .box .content {
    height: 100% !important;
    width: 580px !important;
  }

  .box1 .content1 {
    height: 100% !important;
    width: 580px !important;
  }

  .box2 .content2 {
    height: 100% !important;
    width: 580px !important;
  }

  .box3 .content3 {
    height: 100% !important;
    width: 580px !important;
  }
}

@media only screen and (max-width: 767px) {
  .box .content {
    display: none !important;
  }

  .box1 .content1 {
    display: none !important;
  }

  .box2 .content2 {
    display: none !important;
  }

  .box3 .content3 {
    display: none !important;
  }
}

@media only screen and (min-width: 1300px) {
  .owl {
    display: block !important;
    padding-left: 120px !important;
    height: 450px !important;
    width: 500px !important;
  }

  .box .img5 {
    position: fixed !important;
    display: block !important;
    left: 455px !important;
    bottom: 430px !important;
    height: 100px !important;
    width: 100px !important;
  }

  .box1 .img6 {
    position: fixed !important;
    display: block !important;
    left: 550px !important;
    bottom: 350px !important;
    height: 100px !important;
    width: 100px !important;
  }

  .box2 .img7 {
    position: fixed !important;
    display: block !important;
    left: 600px !important;
    bottom: 110px !important;
    height: 100px !important;
    width: 100px !important;
  }

  .box3 .img8 {
    position: fixed !important;
    display: block !important;
    left: 580px !important;
    bottom: 230px !important;
    height: 100px !important;
    width: 100px !important;
  }

  .navbar {
    margin: 0 !important;
    position: fixed !important;
    padding: 0 !important;
    top: 0 !important;
    height: 100% !important;
    background: #fcfcfc !important;
    width: 100px !important;
    box-shadow: none !important;
    box-shadow: 2px 2px 2px #888888 !important;
  }

  #icon1 {
    display: block !important;
  }

  #icon2 {
    display: block !important;
  }

  #icon3 {
    display: none !important;
  }

  .hamburger {
    position: absolute !important;
    left: 20px !important;
    top: 47% !important;
  }

  .hamburger .line {
    width: 45px !important;
    height: 5px !important;
    margin: 9px auto !important;
  }

  .menu ul li a {
    font-size: 2.5em !important;
  }

  .title h1 {
    right: 60px !important;
    font-size: 100px !important;
    margin-top: 100px !important;
  }

  .subtitle h1 {
    right: 60px !important;
    font-size: 35px !important;
    margin-top: 240px !important;
  }

  .button3 {
    padding: 20px 30px !important;
    right: 60px !important;
    margin-top: 380px !important;
  }

  .quote p {
    font-size: 38px !important;
    right: 60px !important;
    margin-top: 460px !important;
  }

  #copyright {
    bottom: 10px !important;
    font-size: 16px !important;
  }
}