/* more then lg */
@media (min-width: 1600px) {
 .container {
    width: 1570px;
}
 
}
/* lg */ 
@media (min-width: 1200px) and (max-width: 1599px) {
	
  h3 {
    font-size: 22px;
  }	
  
  h4 {
    font-size: 16px;
  }
  
  .btn {
    font-size: 1em;
  }

  .navbar-brand img {
	left: 4vw;
  }
  
  .carousel-indicators {
    bottom: 0;
	margin-bottom: 10px;
  }
  
	/* Dude section*/
  .dude {
    top: 0;
    width: 45%;
    background-position: 75% 40px;
    background-size: 75% auto;
  }
  
  #dude h3 {
    font-size: 2.05em;
  }
  
  .block-phone {
    font-size: 1.25em;
    line-height: 1.5em;
  }
  
  /* Benefit section*/
  #benefit img {
    width: 50%;
  }
 
 #benefit h4 {
    margin-top: 1.25em;
  }
}

/* md */
@media (min-width: 992px) and (max-width: 1199px) {
  
  .navbar-brand img {
    top: -8px;
    max-width: 85%;
	left: 4vw;
}
  
  .carousel-indicators {
    bottom: 0;
	margin-bottom: 10px;
  }
  
  /* Dude section*/
  .dude {
    top: 0;
    width: 45%;
    background-position: 75% 40px;
    background-size: 75% auto;
  }

  .dude-content {
    width: 60%;
	padding-right: 50px;
  }

  #dude h3 {
    font-size: 2em;
  }  
  
  .block-call {
    font-size: 2.75em;
  }

  .block-phone {
    font-size: 1.25em;
    line-height: 1.75em;
  }
  
  .social-circle li a {
    width: 40px;
    height: 40px;
  }
  
  .social-circle li i {
    line-height: 40px;
  }
  
  .fa-facebook::before, 
  .fa-vk::before, 
  .fa-skype::before, 
  .fa-viber::before {
    background-size: 40px;
  }

  h4 {
    font-size: 15px;
  }
  
  h3 {
    font-size: 20px;
  }

  .dude img {
    padding-top: 20%;
  }

  #benefit img {
    width: 65%;
  }
  
  #ac-systems .col-md-9 {
    z-index: 10;
  }
  
  footer .block-call {
    font-size: 1.75em;
  }
  
  footer .contact-text {
    margin-top: 190px;
  }
  
  .btn {
    font-size: 1.15em;
  }
}

/* sm */
@media (min-width: 768px) and (max-width: 991px) {

  .navbar-brand {
    width: 215px;
    height: 60px;
  }
  
  .navbar-brand img {
	  top: -12px;
	  left: 4vw;
  }
  
  .carousel-indicators {
    bottom: 0;
	margin-bottom: 5px;
  }
  
  .dude {
    height: unset;
    width: 0%;
  }

  .dude-content {
    width: 100%;
  }	
  
  .dude img {
    padding-top:38%;
  }
  
  #dude .btn-primary {
    font-size: 1em;
  }
  
  .block-phone {
    font-size: 1.15em;
  }
  .block-call {
    font-size: 2.5em;
  }
  
  #dude h3 {
    font-size: 1.75em;
  }
  
  #dude h4 {
    font-size: 1.25em;
  }
  
  #benefit img {
    width: 75%;
  }
  
  h4 {
    font-size: 11px;
  }
  
  .single-system h4 {
	font-size: 11px;  
  }
  
  .social-circle li a {
    width: 35px;
    height: 35px;
  }
  
  .social-circle li i {
    line-height: 35px;
  }
  
  .fa-facebook::before, 
  .fa-vk::before, 
  .fa-skype::before, 
  .fa-viber::before {
    background-size: 35px;
  }
  
  ul.social-network {
    width: 50%;
    min-width: 160px;
  }
  
  footer .block-logo-footer {
    margin-top: 90px;
  }
  
  footer .social-circle li a {
    width: 25px;
    height: 25px;
  }
  
  footer .social-circle li i {
    line-height: 25px;
  }
  
  footer .fa-facebook::before, 
  footer .fa-vk::before, 
  footer .fa-skype::before, 
  footer .fa-viber::before {
    background-size: 25px;
  }
 
  #footer .block-title .icon-mail {
    height: 2.5em;
  }
 
  h3 {
    font-size: 20px;
  }
 
  footer .block-call {
    font-size: 1.4em;
  }
  
  footer .contact-text {
    margin-top: 140px;
  }
  
  .btn {
    font-size: 14px;
  }
  
  .even-control-left {
	left: -3.5%;
	} 

  .even-control-right {
	right: -3.5%;
  }
  
  .copyright {
    margin-top: 16px;
  }
}

/* xs */
@media (max-width: 767px) {

  .navbar-brand img {
    left: 4.5vw;
  }

  #slider-top {
    margin-top: 10%;
  }

  .carousel-indicators {
    bottom: 0;
	margin-bottom: 0px;
  }
  
  .block-phone {
    font-size: 1.2em;
    
  } 
  
   /*ac-systems */
  .single-system {
    margin-bottom: 40px;
  }
  
  .navbar-brand img {
	  width: 40%;
	  top: -4px;
  }
  
  #slider-top {
	margin-top: 0;  
  }

  #ac-systems h2, 
  #dude h2 {
    
  }

  #footer {
    
  }

  .dude {
    display: none;
  }

  .dude-content {
    width: 100%;    
    padding: 35px 0 0;
  }
  
  .dude-content ul {
    padding-inline-start: 30px;
  }
  
  .dude-content input[placeholder] {
   font-size: 12px;
  }

  .form-group.inline {
    width: 45%;
	max-width: 200px;
  }
  
  #dude .btn-primary {
    font-size: 0.857em;
  }
  
  .block-call {
    font-size: 2.14em;
  }
  
  .block-phone {
    font-size: 1.1em;
	line-height: 1.75em;
  }
  
  ul.social-network {
    width: 75%;
  }
  
  .social-circle li a {
	width: 35px;
	height: 35px;
	font-size: 24px;
  }
  
  .social-circle li i {
    line-height: 35px;
  }
  
  .fa-facebook::before, 
  .fa-vk::before, 
  .fa-skype::before, 
  .fa-viber::before {
    background-size: 35px;
  }
  
  #dude h3 {
    font-size: 1.5em;
  }
  
  h4 {
    font-size: 14px;
  }

  .even-control-left,
  .even-control-right {
    top: -4%;
  }
  
  footer #contact-section,
  footer .contact-text,
  footer .block-logo-footer {
	margin-left: 10%;
    margin-right: 10%;	
  }
	
  footer .block-logo-footer {
    margin-top: 0;
  }
  
  footer .social-circle li a {
    width: 25px;
    height: 25px;
	font-size: 12px;
  }
  
  footer .social-circle li i {
    line-height: 25px;
  }
 
  footer .fa-facebook::before, 
  footer .fa-vk::before, 
  footer .fa-skype::before, 
  footer .fa-viber::before {
    background-size: 25px;
  }
  
  footer ul.social-network {
    width: 50%;
    min-width: 200px;
	max-width: 250px;
  }

  #footer .block-title .icon-mail {
    height: 2.5em;
  }

  footer h3 {
    font-size: 22px;
  }
  
  .btn {
    font-size: 16px;
    padding: 6px 12px;
  }
  
  footer .contact-text {
    margin-top: 120px;
  }

  .link-home {
	width: 75%;  
  }
  
  .link-home img {
	  margin: 0 auto;
  }

  .contact-section {
    background-position: left 0 bottom 0;
    background-size: cover;
  }
  
  .block-logo-footer-last {
	display: block;
	margin-top: 75px;
  }
  .block-logo-footer-first {
	display: none;
  }
  
  footer p {
    font-size: 11px;
  }
}

/* XS Portrait */
@media (max-width: 479px) {

  /* Sklider Top */
  #slider-top {
    margin-top: 0;
  }
  
  .navbar-brand {
    width: inherit;
  }
  
  .navbar-brand img {
    left: 4.5vw;
  }

  .carousel-indicators {
    bottom: 0;
	margin-bottom: 0px;
  }

  
    /* ac-systems */
  .single-system {
    margin-bottom: 40px;
  }

  .dude-content {
    width: 100%;    
    padding: 35px 0 0;
  }
  
  .dude-content ul {
    padding-inline-start: 20px;
  }
  
  .dude-content input[placeholder] {
   font-size: 12px;
  }

  .form-group.inline {
    width: 45%;
  }
  
  #dude .btn-primary {
    font-size: 0.857em;
  }
  
  .block-call {
    font-size: 2.14em;
  }
  
  .block-phone {
    font-size: 1em;
    line-height: 1.5em;
  }
  
  ul.social-network {
    width: 75%;
  }
  
  .social-circle li a {
	width: 35px;
	height: 35px;
	font-size: 24px;
  }
  
  .social-circle li i {
    line-height: 35px;
  }
  
  .fa-facebook::before, 
  .fa-vk::before, 
  .fa-skype::before, 
  .fa-viber::before {
    background-size: 35px;
  }
  
  #dude h3 {
    font-size: 1.5em;
  }
  
  h4 {
    font-size: 14px;
  }
  
  #ac-systems h2, 
  #dude h2 {
    
  }

  .dude-content p {
    
  }
 .dude {
    display: none;
  }
  
   #benefit img {
    width: 75%;
  }
 
   #benefit h4 {
    font-size: 10px;
  }
  
  .even-control-left,
  .even-control-right {
    top: -4%;
  }
 
  .single-system  h4 {
    font-size: 16px;
    min-height: 32px;
  }
 
  #footer {
    
  }

  footer .block-logo-footer {
    margin-top: 0;
  }
  
  footer .social-circle li a {
    width: 25px;
    height: 25px;
	font-size: 12px;
  }
  
  footer .social-circle li i {
    line-height: 25px;
  }
 
  footer .fa-facebook::before, 
  footer .fa-vk::before, 
  footer .fa-skype::before, 
  footer .fa-viber::before {
    background-size: 25px;
  }
  
  footer ul.social-network {
    width: 50%;
    min-width: 200px;
  }

  #footer .block-title .icon-mail {
    height: 2.5em;
  }

  footer h3 {
    font-size: 22px;
  }
  
  .btn {
    font-size: 16px;
    padding: 6px 12px;
  }
  
  footer .contact-text {
    margin-top: 120px;
  }

  .link-home {
	width: 75%;  
  }
  

  .contact-section {
    background-position: left 0 bottom 0;
    background-size: cover;
  }
  
  .block-logo-footer-last {
	display: block;
	margin-top: 75px;
  }
  .block-logo-footer-first {
	display: none;
  }
  
  footer p {
    font-size: 11px;
  }
}