@media only screen and (min-width: 260px) and (max-width: 690px) {
    header {padding: 0px 20px !important;height: 63px;}
    .navbar-collapse{background: #fff;}
    .nav-item{color:#4c4c4c;padding:0 30px;border-bottom: 1px solid #ddd;}
    .nav-item .nav-link {color:#4c4c4c;padding:10px;}
    .hero .display-1{font-size: 40px;}
    .hero .content p {font-size: 15px;line-height: 21px;}
    .hero .content .servicetitle{margin-bottom: 10px;text-align: left;}
    .hero .content .readmore {text-align: left !important;margin-bottom: 20px;}
    .hero .content .producticon{position: relative;margin-bottom: 10px;}
    .hero .content .producti{padding: 0;}
    .hero .content .producttitle,.hero .content .productdesc{text-align: left;}
    .about .content{padding: 50px 30px;}
    .about .col-lg-6:nth-child(2){display: none;}
    .title{font-size: 42px;}
    .item .cat .card-body{padding: 16% 20px !important;}
    .item .cat h3{font-size: 36px !important;}
    .serviceitem .content .number{position: relative;top:-37px;left: 32px;}
    .serviceitem{padding:89px 15px 47px;}
    .serviceitem .content .title{font-size: 18px;}
    .serviceitem .content .description{font-size: 14px;}
    .services .col-xs-12 .col{width: 100%;}
    .services .btn{display: none;}
    .wwedtitle{font-size: 36px;}
    .imageclip1 img{object-position: center;}
    .history {padding: 50px 30px;}
    .history .title{font-size: 36px;}
    footer{padding: 0;}
    footer .container{padding: 30px !important;}
    footer .logo img{max-width: calc(100% - 80px);}
    .ptitle{font-size: 42px;}
    .aboutus .col-lg-7{order: 1;margin-bottom: 30px;}
    .aboutus .col-lg-7 .wwedimg{max-height: 200px;min-height: 100px;width: 100%;}
    .aboutus .col-lg-5{order: 2;}
    .contact{padding: 30px;}
    .contact form .col-4{width: 100%;}
    .ptitle{margin-bottom: 15px;}
    .products{padding: 20px 0;}
    .productitem .row .col-lg-6:nth-child(1){order: 2;}
    .productitem .row .col-lg-6:nth-child(2){order: 1;}
    .productitem .content{padding: 20px;}
    .btn3{min-width: 100%;}
    .serviceitemi .content{padding: 20px 15px;}
    .serviceitemi .content .title{font-size: 20px;}
    .serviceitemi .content .desc{font: 14px;}
    .serviceitemi .content .desc ul{padding-left: 15px;}
    }