@media (min-width: 1440px) and (max-width: 1745px) {
        .wrapper header.header .header-text h1 {
            font-size: 70px !important;
            margin-bottom: 8px;
            padding-bottom: 10px;
        }
        .wrapper header.header .white {
            bottom: -110px;
        }
        .wrapper header.header .blue {
            bottom: -80px;
        }
        #KAabout {
	    position: absolute;
	    top: 0px;
	    left: 150px;
	    margin: 0px 0px 0px 0px;
        }
        #about {
	    position: relative;
	    top: -200px;
	    left: -50px;
	    margin: 0px 0px 0px 0px;
	}
	.another-text h3 {
	    color: #de0000;
	    font-family: "Raleway", sans-serif;
	    font-size: 40px;
	    font-weight: 700;
	    padding-bottom: 17px;
	    position: relative;
	    margin: 0px 0px 25px 0px;
	}
	
	.another-text h3::before {
	    background: #000 none repeat scroll 0 0;
	    content: "";
	    height: 2px;
	    left: 0;
	    position: absolute;
	    bottom: 0px;
	    width: 70px;
	}
	
	.another-text p {
	    color: #78909c;
	    font-family: "Raleway", sans-serif;
	    font-size: 15px;
	    font-weight: 500;
	    line-height: 32px;
	    margin-top: 15px;
	}

        .wrapper section.contact .white {
            bottom: 40px;
        }
        .wrapper section.contact .blue {
            bottom: 40px;
        }
    }
    
    @media (min-width: 1200px) and (max-width: 1439px) {
        .wrapper header.header {
            background-size: 100% auto;
            height: 600px;
        }
        .wrapper header.header .container {
            width: 900px;
        }
        
        
        .wrapper header.header .header-text p {
            font-size:16px;
            line-height: 1.25;
            margin-bottom: 50px;
            width: 700px;
        }
        
        #about .container {
            width: 900px;
            margin-top: 100px;
        }
        
        .wrapper header.header .header-text {
            margin: -150px 0px auto auto;
            padding-top: 0px;
        }
        .wrapper header.header .header-text h1 {
            font-size: 60px !important;
            margin-bottom: 8px;
            padding-bottom: 10px;
        }
        .wrapper header.header .blue {

            bottom: -228px;
        }
        .wrapper header.header .white {
            bottom: -255px;
        }
        .wrapper header.header .header-text button {
            width: 200px;
            margin-bottom: 80px;
        }
        .wrapper section.development {
            padding-bottom: 205px;
        }
        .wrapper section.development .white {
            bottom: -103px;
        }
        .wrapper section.development .blue {
            bottom: -80px;
        }
        .wrapper section.development {
            height: 600px;
            overflow: hidden;
        }
        
        .wrapper section.portfolia {
            margin-top: 0px;
        
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide h2 {
            margin-top: 75px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide h2::before {
            width: 265px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide {
            height: 281px;
        }
        .wrapper section.contact .blue {
            bottom: -20px;
        }
        .wrapper section.contact .white {
            bottom: -16px;
        }
        .wrapper section.contact {
            height: auto !important;
            padding: 50px 0;
        }
        .wrapper footer.footer {
            margin-top: 50px;
        }
    }
    
    @media (min-width: 992px) and (max-width: 1199px) {
       .menu li a {
            margin: 0px 0px 0px 0px !important;
            padding: 10px 10px 10px 10px !important;
            font-size: 14px !important;
        }
        .wrapper header.header {
            height: 600px;
        }
        .wrapper header.header .blue {
            height: 300px;
            bottom: -80px;
        }
        .wrapper header.header .white {
            height: 300px;
            bottom: -100px;
        }
        .wrapper header.header .header-text {
            margin: -150px 0px auto auto;
            padding-top: 0px;
        }
        .wrapper header.header .logo h2 a #KALogo {
	    width: 250px !important;
	    height: auto;
	    margin: 10px 0px 10px -20px;
        }
        #KAabout {
	    position: absolute;
	    top: 200px;
	    left: 0px;
	    padding-left: 25px;
	    margin: 0px 0px 0px 0px;
        }
        #maincontent {
            vertical-align: top !important;
            position: relative;
            top: -50px;
            margin: 0px 0px 10px 0px !important;
            padding: 0px 0px 0px 0px;
        }
       .well {
            position: relative;
            top: 0px;
            left: -18px;
	    width: 100%;
	    padding-left: 20px;
	    margin-left: 20px;
	}
       .car-pictures .span2 {
            display: block;
            text-align: center !important;
            vertical-align: top !important;
            margin: -15px auto 40px auto !important;
            padding: 0px 0px 0px 0px;
            width: 430px;
            height: auto;
            border: none !important;
            border-radius: 7px !important;
            object-fit: cover !important;
        }
        .inventory-detail-link img {
            border-radius: 7px;
            height: auto;
            margin: 0px 0px 0px 0px !important;
        }
        #Pdetails {
            position: relative;
            width: 95%;
            top: -175px;
	    left: 0px;
	    padding-left: 15px;
            margin-bottom: 10px !important;
        }
        .headline2 {
	    width: 400px;
        }
        #inventory-grid {
            margin-top: 0px !important;
        
        }
        #inventory-grid .portfolio-part {
            margin: 15px 0px 15px 0px !important;
        
        }
        #about {
	    position: relative;
	    top: -50px;
	    left: 20px;
	    margin: 0px 0px 100px 0px;
	}
	.another-text h3 {
	    color: #de0000;
	    font-family: "Raleway", sans-serif;
	    font-size: 40px;
	    font-weight: 700;
	    padding-bottom: 17px;
	    position: relative;
	    margin: -25px 0px 25px 0px;
	}
	
	.another-text h3::before {
	    background: #000 none repeat scroll 0 0;
	    content: "";
	    height: 2px;
	    left: 0;
	    position: absolute;
	    bottom: 0px;
	    width: 70px;
	}
	
	.another-text p {
	    color: #78909c;
	    font-family: "Raleway", sans-serif;
	    font-size: 15px;
	    font-weight: 500;
	    line-height: 32px;
	    margin-top: 15px;
	}
        .wrapper header.header .header-text h1 {
            font-size: 60px !important;
            margin-bottom: 8px;
            padding-bottom: 10px;
        }
        .wrapper header.header .header-text p {
            line-height: 25px;
            margin-bottom: 20px;
        }
        .wrapper header.header .header-text button {
            width: 200px;
            margin-bottom: 200px;
        }
        .wrapper section.development {
            height: auto;
            overflow: hidden;
        }
        .wrapper section.development .white {
            bottom: -100px;
        }
        .wrapper section.development .blue {
            bottom: -80px;
        }
        .wrapper section.works .work-text {
            margin-left: 20px;
        }
        .wrapper section.portfolia {
            margin-top: -100px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide {
            padding: 15px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide h2 {
            font-size: 32px;
            margin-top: 35px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide h2::before {
            width: 240px;
        }
        .wrapper section.portfolia .portfolio-part {
            height: 225px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide p {
            line-height: 18px;
        }
        .wrapper section.contact {
            height: auto !important;
            padding: 50px 0;
        }
        .wrapper section.contact .blue {
            bottom: -75px;
        }
        .wrapper section.contact .white {
            bottom: -70px;
        }
        .wrapper footer.footer {
            margin-top: 50px;
        }
        .wrapper footer.footer .footer-text .footer-text-single p a {
            font-size: 13px;
        }
        .wrapper footer.footer .footer-icon i {
            padding: 0 30px 0 0;
        }
    }
    
    @media (min-width: 768px) and (max-width: 991px) {
       .menu li a {
            margin: 0px 0px 0px 0px !important;
            padding: 20px 5px 20px 5px !important;
            font-size: 12px !important;
       }
        .wrapper header.header {
            height: 700px;
        }
        .wrapper header.header .blue {
            bottom: 0px;
            height: 200px;
        }
        .wrapper header.header .white {
            bottom: 0px;
            height: 170px;
        }
        .wrapper header.header .header-text {
            margin: auto auto auto auto;
            padding-top: 20px;
            width: 100%;
        }
        .wrapper header.header .header-text h1 {
            font-size: 50px !important;
            margin-bottom: 10px;
            padding-bottom: 10px;
            margin-top: 0;
        }
        .wrapper header.header .header-text p {
            font-size: 18px;
            line-height: 25px;
            margin-bottom: 15px;
        }
        .wrapper header.header .header-text p br {
            display: none;
        }
        .wrapper header.header .logo h2 a #KALogo {
	    width: 250px !important;
	    height: auto;
	    margin: 30px 0px 20px 125px;
        }
        #KAabout {
	    position: absolute;
	    top: 100px;
	    left: 0px;
	    padding-left: 25px;
	    margin: 0px 0px 0px 0px;
        }
        #maincontent {
            vertical-align: top !important;
            position: relative;
            top: 20px;
            margin: 0px 0px 20px 0px !important;
            padding: 0px 0px 0px 0px;
        }
       .well {
            position: relative;
            top: 0px;
            left: -18px;
	    width: 100%;
	    padding-left: 20px;
	    margin-left: 20px;
	}
       .car-pictures .span2 {
            display: block;
            text-align: center !important;
            vertical-align: top !important;
            margin: -15px auto 40px auto !important;
            padding: 0px 0px 0px 0px;
            width: 430px;
            height: auto;
            border: none !important;
            border-radius: 7px !important;
            object-fit: cover !important;
        }
        .inventory-detail-link img {
            border-radius: 7px;
            margin: 0px 0px 0px 0px !important;
        }
        #Pdetails {
            position: relative;
            width: 95%;
            top: -90px;
	    left: 0px;
	    padding-left: 15px;
            margin-bottom: 10px !important;
        }
        .headline2 {
            width: 350px;
        }
        #inventory-grid {
            margin-top: 100px !important;
        
        }
        #inventory-grid .portfolio-part {
            margin: 80px 0px -50px 0px !important;
        
        }
        #about {
	    position: relative;
	    top: -250px;
	    left: 20px;
	    margin: 0px 0px 100px 0px;
	}
	.another-text h3 {
	    color: #de0000;
	    font-family: "Raleway", sans-serif;
	    font-size: 40px;
	    font-weight: 700;
	    padding-bottom: 17px;
	    position: relative;
	    margin: 200px 0px 25px 0px;
	}
	
	.another-text h3::before {
	    background: #000 none repeat scroll 0 0;
	    content: "";
	    height: 2px;
	    left: 0;
	    position: absolute;
	    bottom: 0px;
	    width: 70px;
	}
	
	.another-text p {
	    color: #78909c;
	    background: #fbfbfb;
	    width: 795px;
	    font-family: "Raleway", sans-serif;
	    font-size: 15px;
	    font-weight: 500;
	    line-height: 32px;
	    margin: 15px 50px 15px -30px;
	    padding: 20px 30px 20px 30px;
	}
        .wrapper header.header .header-text button {
            width: 200px;
            margin-bottom: 150px;
            font-size: 16px;
            padding: 10px 35px;
        }
        .wrapper section.development {
            margin-top: -250px;
        }
        .wrapper section.development {
            height: auto;
            overflow: hidden;
        }
        .wrapper section.development .white {
            bottom: -100px;
        }
        .wrapper section.development .blue {
            bottom: -90px;
        }
        .wrapper section.works .work-text {
            margin-left: 0px;
        }
        .wrapper section.portfolia {
            margin-top: -100px;
        }
        .wrapper section.portfolia .portfolio-part {
            height: 260px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide {
            padding: 15px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide h2 {
            margin-top: 65px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide h2::before {
            width: 270px;
        }
        .wrapper section.contact {
            height: auto;
            overflow: hidden;
            padding: 50px 0;
        }
        .wrapper section.contact .contact-form {
            margin: auto 0px 100px auto;;
            height: auto !important;
        }
        .wrapper section.contact .contact-text {
            margin-top: 0px;
        }
        .wrapper section.contact .blue {
            bottom: -155px;
        }
        .wrapper section.contact .white {
            bottom: -135px;
        }
        .wrapper footer.footer {
            height: auto;
        }
        .wrapper footer.footer .footer-icon {}
    }
    
    @media (min-width: 550px) and (max-width: 767px) {
       .wrapper header.header {
            height: 980px !important;
        }
       .wrapper header.header {
	    background-image: url("img/header-bg.jpg");
	    background-size: 1440px 830px !important;
	    background-position: top 0px left -300px;
	    height: auto;
	    overflow: hidden;
	    padding-top: 20px;
	    position: relative;
        }
        .wrapper header.header .logo {
            width: 100% !important;
            margin: auto auto auto auto !important;
            text-align: center !important;
        }
        .wrapper header.header ul.nav.navbar-nav {
            height: 90px;
            width: 100%;
            text-align: center;
        }
        .wrapper header.header ul.nav.navbar-nav>li {
            display: inline-block;
        }
        .wrapper header.header ul.nav.navbar-nav li a {
            background: #000;
            color: #fff;
            border-radius: 39px;
            left: -13px;
            padding: 10px 30px 9px 30px;
        }
        .wrapper header.header .header-text {
            width: 100%;
            margin-top: -20px;
        }
        .wrapper header.header .header-text h1 {
            font-size: 44px !important;
        }
        .wrapper header.header .header-text h1::before {
            left: 15%;
            width: 70%;
        }
        .wrapper header.header .header-text h2 {
	    color: #000;
	    font-family: "Raleway", sans-serif;
	    font-size: 22px;
	    font-weight: 700;
	    margin: auto auto 20px auto;
	    position: relative;
	    left: 1%;
	    letter-spacing: 8px !important;
        }
        .wrapper header.header .header-text p br {
            display: none;
        }
        .wrapper header.header {
            height: auto;
            background-size: 100% auto;
        }
        .wrapper header.header .blue {
            left: -250px;
            bottom: -300px;
            height: 600px;
            width: 2650px;
            overflow: hidden !important;
        }
        .wrapper header.header .white {
            left: -280px;
            bottom: -350px;
            height: 600px;
            width: 2630px;
            overflow: hidden !important;
        }
        .wrapper header.header .header-text {
            padding-top: 50px;
        }
        .wrapper header.header .header-text button {
            width: 200px;
            margin-bottom: 0;
        }
        .wrapper header.header .logo h2 a #KALogo {
	    width: 250px !important;
	    height: auto;
	    margin: 20px auto 0px auto;
        }
        #KAabout {
	    position: absolute;
	    top: -150px;
	    left: 25px;
	    margin: 0px 0px 0px 0px;
        }
        #maincontent {
            vertical-align: top !important;
            position: relative;
            top: 275px;
            margin: 0px 0px 300px 0px !important;
            padding: 0px 0px 0px 0px;
        }
       .well {
            position: relative;
            top: 0px;
            left: -18px;
	    width: 100%;
	    padding-left: 20px;
	    margin-left: 20px;
	}
       .car-pictures .span2 {
            display: block;
            text-align: center !important;
            vertical-align: top !important;
            margin: -15px auto 40px auto !important;
            padding: 0px 0px 0px 0px;
            width: 430px;
            height: auto;
            border: none !important;
            border-radius: 9px !important;
            object-fit: cover !important;
        }
        .inventory-detail-link img {
            border-radius: 9px;
            margin: 0px 0px 0px 0px !important;
        }
        #Pdetails {
            position: relative;
            width: 95%;
            top: -150px;
            left: 15px;
            margin-bottom: 10px !important;
        }
        #inventory-grid {
            margin-top: 50px !important;
        
        }
        #inventory-grid .portfolio-part {
            margin: 15px 0px 15px 0px !important;
            height: auto;
        
        }
        #about {
	    position: relative;
	    top: -85px;
	    left: 20px;
	    width: 95%;
	    margin: 0px 0px 100px 0px;
	}
	.another-text h3 {
	    color: #de0000;
	    font-family: "Raleway", sans-serif;
	    font-size: 40px;
	    font-weight: 700;
	    padding-bottom: 17px;
	    position: relative;
	    margin: 0px 0px 25px 0px;
	}
	
	.another-text h3::before {
	    background: #000 none repeat scroll 0 0;
	    content: "";
	    height: 2px;
	    left: 0;
	    position: absolute;
	    bottom: 0px;
	    width: 70px;
	}
	.another-text p {
	    color: #78909c;
	    font-family: "Raleway", sans-serif;
	    font-size: 15px;
	    font-weight: 500;
	    line-height: 32px;
	    margin-top: 15px;
	}
        .wrapper section.development {
            padding-bottom: 100px;
            height: auto;
            margin-top: -50px;
        }
        .wrapper section.works .work-text {
            margin-left: 0px;
        }
        .wrapper section.development .blue {
            bottom: 0px !important;
            height: 80px !important;
        }
        .wrapper section.development .white {
            bottom: -11px !important;
            height: 80px !important;
        }  
        .wrapper section.portfolia {
            margin-top: -75px;
        }
        .wrapper section.portfolia .portfolio-part {
            margin: 55px auto 0;

        }
        .wrapper section.portfolia .port-text {
            margin: 0 auto;
            width: -moz-fit-content;
        }
        .wrapper section.contact {
            height: auto;
        }
        .wrapper section.contact .contact-form {
            margin-left: 0;
        }
        .wrapper footer.footer {
	    background-size: 700px 800px;
	    background-position: top 0px left 0px;
	    height: auto;
	    overflow: hidden;
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .wrapper section.contact .contact-form {
            width: 525px;
            margin: 70px auto 0;
        }
        .wrapper section.contact .contact-text {
            width: 525px;
            margin: 100px auto 0;
}
.menu {
  display: none;
}
.sidenav {
  display: block;
  height: 100% !important;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 10000 !important;
}

.sidenav a {
  padding: 4px 4px 4px 32px;
  text-decoration: none;
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
  color: #fff !important;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1 !important;
  text-decoration: underline;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 50px;
  margin-left: 50px;
}
#menubutton {
  display: block;
  position: absolute !important;
  float: right;
  top: -335px;
  right: 3px;
  color: #000;
  font-size: 70px;
  line-height: 50px;
  cursor:pointer;
  z-index: 10000 !important;
}
}
    
    @media only screen and (max-width: 549px) {
       .wrapper header.header {
            height: 880px !important;
        }
        .wrapper header.header {
	    background-image: url("img/header-bg.jpg");
	    background-size: 1440px 830px;
	    background-position: top 0px left -300px;
	    height: auto;
	    overflow: hidden;
	    padding-top: 20px;
	    position: relative;
        }
        .wrapper header.header ul.nav.navbar-nav li a {
            background: #000;
            color: #fff;
            border-radius: 39px;
            padding: 10px 16px 9px 16px;
            margin: 3px auto 0px auto;
            width: 275px;
        }
        .wrapper header.header ul.nav.navbar-nav {
            float: left;
            margin-left: 40px;
        }
        .wrapper header.header .logo {
            width: 100% !important;
            margin: auto auto auto auto !important;
            text-align: center !important;
        }
        .wrapper header.header .blue, .wrapper section .blue {
             top: 645px;
             left: -170px !important;
             overflow: hidden !important;
             width: 1500px !important;
             height: 600px !important;
        }
        .wrapper header.header .white, .wrapper section .white {
             top: 680px;
             left: -200px !important;
             overflow: hidden !important;
             width: 1480px !important;
             height: 600px !important;
        }
        
        .wrapper header.header .header-text {
            margin: 0px 0px auto auto;
            padding-top: 20px;
            width: 100%;
        }
        .wrapper header.header .header-text h1::before {
            top: 30px;
            height: 3px;
            left: 10%;
            width: 80%;
        }
        .wrapper header.header .header-text h1 {
            font-size: 30px !important;
            margin-bottom: 0;
        }
        .wrapper header.header .header-text h2 {
	    color: #000;
	    font-family: "Raleway", sans-serif;
	    font-size: 15px;
	    font-weight: 700;
	    margin: auto auto 20px auto;
	    position: relative;
	    left: 1%;
	    letter-spacing: 5px !important;
        }
        .wrapper header.header .header-text p br {
            display: none;
        }
        .wrapper header.header .header-text p {
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 23px;
        }
        .wrapper header.header .header-text button {
            display: inline-block;
            width: 170px !important;
            font-size: 18px;
            margin: 10px auto 0;
            padding: 14px 30px;
            width: auto;
        }
        .wrapper header.header .logo h2 a #KALogo {
	    width: 250px !important;
	    height: auto;
	    margin: 10px auto -10px auto;
        }
        #KAabout {
	    position: absolute;
	    top: -225px;
	    left: 25px;
	    margin: 0px 0px 0px 0px;
        }
        #maincontent {
            vertical-align: top !important;
            position: relative;
            top: 325px;
            margin: 0px 0px 350px 0px !important;
            padding: 0px 0px 0px 0px;
        }
       .well {
            position: relative;
            top: 0px;
            left: -20px;
	    width: 100%;
	    padding-left: 20px;
	    margin-left: 20px;
	}
       .car-pictures .span2 {
            display: block;
            text-align: center !important;
            vertical-align: top !important;
            margin: -15px auto 40px auto !important;
            padding: 0px 0px 0px 0px;
            width: 297px;
            height: 250px !important;
            border: none !important;
            border-radius: 7px !important;
            object-fit: cover !important;
        }
        .inventory-detail-link img {
            width: 350px;
            border-radius: 7px;
            margin: 0px 0px 0px 0px !important;
        }
        #Pdetails {
            position: relative;
            width: 95%;
            top: -225px;
            left: 20px;
            margin-bottom: 10px !important;
            margin-right: 20px !important;
        }
        #inventory-grid {
            margin-top: 50px !important;
        
        }
        #inventory-grid .portfolio-part {
            margin: 15px 0px 15px 0px !important;
        
        }
        #about {
	    position: relative;
	    top: -85px;
	    left: 20px;
	    width: 92%;
	    margin: 0px 0px 100px 0px;
	}
	.another-text h3 {
	    color: #de0000;
	    font-family: "Raleway", sans-serif;
	    font-size: 40px;
	    font-weight: 700;
	    padding-bottom: 17px;
	    position: relative;
	    margin: 0px 0px 25px 0px;
	}
	
	.another-text h3::before {
	    background: #000 none repeat scroll 0 0;
	    content: "";
	    height: 2px;
	    left: 0;
	    position: absolute;
	    bottom: 0px;
	    width: 70px;
	}
	.another-text p {
	    color: #78909c;
	    font-family: "Raleway", sans-serif;
	    font-size: 15px;
	    font-weight: 500;
	    line-height: 32px;
	    margin-top: 15px;
	}
        .wrapper section.development {
            padding-bottom: 100px;
            height: auto;
            margin-top: -50px;
        }
        .wrapper section.development .blue {
            top: 82px !important;
            height: 150px !important;
        }
        .wrapper section.development .white {
            top: 86px !important;
            height: 200px !important;
        }
        .wrapper section.works .work-text {
            margin-left: 0px;
        }
        .wrapper section.works .work-text h2 {
            font-size: 30px;
        }
        .wrapper section.portfolia  {
            margin-top: -100px;
        }
        .wrapper section.portfolia .port-text h2 {
            font-size: 30px;
        }
        .wrapper section.portfolia .portfolio-part {
            height: auto;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide {
            padding: 5px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide h2 {
            font-size: 30px;
            margin-bottom: 20px;
            margin-top: 20px;
        }
        .wrapper section.portfolia .portfolio-part .overlay-slide h2::before {
            display: none;
        }
        div.wrapper section.portfolia div.penination p {
            font-size: 15px;
            padding: 8px 19px;
        }
        div.wrapper section.portfolia div.penination p::before {
            font-size: 14px;
            height: 35px;
            left: -48px;
            line-height: 35px;
            top: 3px;
            width: 35px;
        }
        div.wrapper section.portfolia div.penination p::after {
            font-size: 14px;
            height: 35px;
            right: -48px;
            line-height: 35px;
            top: 3px;
            width: 35px;
        }
        .wrapper section.our-team .team-text p br {
            display: none;
        }
        .wrapper section.our-team .my-claint .item img {
            width: 90px;
        }
        .wrapper section.our-team .my-claint .item:hover>img {
            width: 110px;
        }
        .wrapper section.our-team .owl-prev,
        .wrapper section.our-team .owl-next {
            display: none;
        }
        .wrapper section.our-team .my-claint .item .item-text h3 {
            font-size: 20px;
        }
        .wrapper section.our-team .my-claint .item .item-text h4 {
            font-size: 14px;
            margin-bottom: 10px;
        }
        .wrapper section.our-team .my-claint .item .item-text i {
            font-size: 15px;
            padding: 0 3px;
        }
        .wrapper section.our-team .my-claint {
            height: 200px;
        }
        .wrapper section.contact .contact-text {
            margin-top: 0;
        }
        .wrapper footer.footer {
	    background-size: 550px 800px;
	    background-position: top 0px left 0px;
	    height: auto;
	    overflow: hidden;
            padding-top: 50px;
            padding-bottom: 50px;
        }
        .wrapper section.contact .contact-form {
            margin-left: 0;
        }
        .wrapper section.contact .contact-form .first,
        .wrapper section.contact .contact-form .last {
            width: 100%;
        }
        .wrapper section.contact .contact-form input[type="email"] {
            padding-top: 10px;
        }
        .wrapper section.contact .contact-form .message textarea {
            height: 100px;
            padding-top: 10px;
        }
        .wrapper section.contact .contact-form .question textarea {
            line-height: 18px;
        }
        .wrapper section.contact .contact-form .checkbox {
            float: none;
            padding-top: 10px;
            width: 100%;
        }
        .wrapper section.contact .contact-form .submit {
            float: none;
            padding-top: 5px;
        }
        .wrapper section.contact .contact-form .checkbox-submit {
            padding-bottom: 0;
        }
        .wrapper footer.footer {
            height: auto;
            margin-top: 0;
        }
        .wrapper footer.footer .footer-icon h2::before {
            width: 100px;
        }
        .wrapper footer.footer .footer-icon i {
            font-size: 22px;
            padding: 0 20px 0 0;
        }
        .wrapper section.works .work-images {
            height: 300px;
        }
        .wrapper section.works .work-images .overlay-text {
            padding-top: 108px;
        }
        .wrapper header.header ul.nav.navbar-nav {
            width: 200px;
        }

.menu {
  display: none;
}
.sidenav {
  display: block;
  height: 100% !important;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 10000 !important;
}

.sidenav a {
  padding: 4px 4px 4px 32px;
  text-decoration: none;
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
  color: #fff !important;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1 !important;
  text-decoration: underline;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 50px;
  margin-left: 50px;
}
#menubutton {
  display: block;
  position: absolute !important;
  float: right;
  top: -335px;
  right: 3px;
  color: #000;
  font-size: 60px;
  line-height: 50px;
  cursor:pointer;
  z-index: 10000 !important;
	
}
    .pp_pic_holder.pp_default {
      background-image: none !important;
}
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
} 
    

    
    @media only screen and (max-width: 365px) {
        .wrapper {
	    background-image: url("img/header-bg.jpg");
	    background-size: cover;
            width: 100% !important;
            height: auto;
            overflow: hidden;
            position: relative;
        }
        .wrapper header.header {
	    background-image: none !important;
	    height: auto;
	    overflow: hidden;
	    padding-top: 20px;
	    position: relative;
        }
        .wrapper header.header .logo {
            width: 100% !important;
            margin: auto auto auto auto !important;
            text-align: center !important;
        }
        .wrapper header.header .logo h2 a img {
            width: 350px;
            height: auto;
    }
         .wrapper footer.footer .footer-text .footer-text-single p a {
            font-size: 10px;
            font-weight: 800;
        }
.sidenav {
  display: block;
  height: 100% !important;
  width: 0;
  position: fixed;
  top: 0;
  left: 0;
  background-color: rgba(0,0,0,0.9);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
  z-index: 10000 !important;
}

.sidenav a {
  padding: 4px 4px 4px 32px;
  text-decoration: none;
  font-size: 26px;
  font-weight: 400;
  line-height: 36px;
  color: #fff !important;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f1f1f1 !important;
  text-decoration: underline;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 5px;
  font-size: 50px;
  margin-left: 50px;
}
#menubutton {
  display: block;
  position: absolute !important;
  float: right;
  top: -335px;
  right: 3px;
  color: #000;
  font-size: 60px;
  line-height: 50px;
  cursor:pointer;
  z-index: 10000 !important;
}
}