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

}

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

}

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

}

@media screen and (max-width: 1440px) {
    .aboutboxrow div {width:50%;}
}

@media screen and (max-width: 1280px) {
    .half-content {width: 100%;}
    .half-content-wrapper {width: 100%;}
    .half-content:last-child .half-content-wrapper {}

    .flex-row-top{
        -webkit-flex-direction: column;
    	-ms-flex-direction:column;
    	flex-direction: column;
    }
    .flex-row-bottom{
        -webkit-flex-direction: column-reverse;
    	-ms-flex-direction:column-reverse;
    	flex-direction: column-reverse;
    }

    .aboutimages{width: 100%;}
    .aboutimages .half-content-wrapper{padding:50px 20px 50px 20px}

    .phone{margin:150px auto 50px auto;}
    .phonebox{width:auto;}
    .phonebox div p{ margin-top:-100px;}
}

@media screen and (max-width: 1140px) {
    .about-info {width:auto; padding:80px 20px 80px 20px;}
    .about-info p{font-size: 32px;}
}


@media screen and (max-width : 1024px) {
	.wrapper {width: 100%; padding: 0 15px;}

    .phone{margin:80px auto 80px auto;}
    .phone:before{top:-10%;}
    .phonebox div img{width: 50%; top:0;}
    .phonebox div{width:100%; height:auto; line-height: auto;}
    .phonebox div p{padding:30px; text-align: center; margin-top:0; font-size: 26px;}
}

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


}

@media screen and (max-width : 880px) {
    .info-text {width:auto;}

    .boxrow{
        flex-direction: column;
        -webkit-flex-direction: column;
    	-ms-flex-direction: column;
    }
    .boxrow div {width:100%; height:auto; line-height: 100%; padding:50px 30px 50px 30px}

    .boxrow div span{ height:50px; }
    .boxrow div span:after{ top:-80%; height: 80%; transform:skewY(-3deg); transform-origin: 100%;}

    .about-info p{font-size: 28px;}
}

@media screen and (max-width : 768px) {
  /*.topnav a{display: none;}
  .topnav a.iconToggle {display: block;}

  .topnav.responsive {position: relative;}
  .topnav.responsive .iconToggle {position: absolute; right: 0; top:0; z-index:99999; }
  .topnav.responsive .resNav{ position: fixed; left:0; width:100%; background: #FFFFFF; height: calc(100% - 80px); top: 80px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;  display: block;
  }
  .topnav.responsive a:not(.iconToggle) {text-align: center; display: block; line-height: 32px; margin:20px 0 20px 0; }*/

  .topnav a{display: inline-block; vertical-align: middle; font-size: 18px; line-height:80px; margin-left:5px}

  .bg-header .in-middle {width: auto; margin:0 15px 0 15px}

  .in-middle{width:auto}

  .parallax{height:auto;padding:80px 15px 80px 15px}
  .paralaxinfo{width:auto;}

  .aboutboxrow div {width:100%; padding:70px 20px;
    -webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;}

  .button { height: 50px; line-height: 60px; font-size: 22px; }
  .button:before { left: -20px; bottom: -4px;  padding: 0 20px 0 20px;}

}

@media screen and (max-width : 640px) {
  .paralaxinfo p{font-size:28px;}
}

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

  .padding-content {padding: 50px 0;}
  .padding-content-lr {padding-left: 50px; padding-right: 50px;}
  .padding-content-l {padding-left: 50px;}
  .padding-content-r {padding-right: 50px;}
  .padding-content-t {padding-top: 50px;}
  .padding-content-b {padding-bottom: 50px;}

  .margin-content {margin: 50px 0;}
  .mt90 {margin-top: 50px !important;}
  .mb90 {margin-bottom: 50px !important;}

  .cover {padding:20px 10px 20px 10px;}
  .cover p {font-size: 36px;}

  .cover-contact {padding:20px 10px 20px 10px;}
  .cover-contact p {font-size: 36px;}

  .info-text h2{font-size:40px; margin-bottom:20px}
  .info-text h2::after {margin-top:20px;}

  .info-text p{font-size:30px;}
  .info-text p span{font-size:24px;}

  .paralaxinfo p{font-size:24px;}

  .about-info p{font-size: 24px;}

  .aboutimages p {font-size: 26px;}

  .phone{margin:80px auto 20px auto;}
  .phonebox div img{width: 100%; top:-50px}
  .phonebox div p{padding:0 10px 50px 10px; font-size: 24px;}

   .col-50r, .col-50l {width: 100%; text-align: left;}
   input[type=submit] {width: 100%; }
}

@media screen and (max-width : 425px) {
  .cover p {font-size: 28px;}

  .cover-contact p {font-size: 28px;}

  .info-text h2{font-size:28px; margin-bottom:10px}
  .info-text h2::after {margin-top:10px;}

  .info-text p{font-size:22px;}
  .info-text p span{font-size:18px;}

  .paralaxinfo p{font-size:22px;}

  .aboutimages p {font-size: 22px;}
}

@media screen and (max-width : 375px) {
    .logo{float:left; font-size: 18px; color: #1e88e5; line-height:18px; width:80px; margin-top:27px}
    .logo a{display: inline-block; vertical-align: middle; font-size: 18px; line-height:16px;}

    .topnav a{display: inline-block; vertical-align: middle; font-size: 14px; line-height:80px; margin-left:2px}

}

@media screen and (max-width : 320px) {
  .paralaxinfo p{font-size:26px;}
}