@media (min-width: 300px) and (max-width:640px){    .nav-link{        padding-bottom: 0 !important;        padding-top: 0 !important;    }    .menu{        padding: 0px 8px !important;    }    .dropdown-menu{        transform: scale(0,0);        margin: 0;        display: none;        position: absolute !important;        transition: .5s;        border-bottom: 3px solid #0870a3;    }	    .fa-chevron-right, .fa-chevron-left{        font-size: 30px;    }    .dropdown .nav-link{        /* padding: 7px 12px !important; */        text-align: left !important;    }    .carousel-caption {        text-align: left;        padding: 60px 10px 20px 10px;        left: 0;        right: 30%;    }    #slider h4 {        font-size: 18px !important;        margin-bottom: 20px;    }    .titel {        font-size: 40px;        letter-spacing: 10px;    }    .designer-planing{        background: url(../images/bg.jpg);        background-size: cover;        padding: 3rem 1rem;    }
    .project-1{        height: auto !important;    }
    .project-2{        height: auto !important;    }
    .img-comp-container {        height: 150px;        width: 300px;    }
    .img-comp-img {        height: 150px;        width: 300px;    }
    .img-comp-img img {        height: 150px;        width: 300px;    }
    .comp-slider {        height: 250px;        margin-bottom: 30px !important;    }}
@media (max-width:320px){	.menu{        padding: 0px!important;    }
	.title-2{		font-size: 36px;	}}
@media (max-width:320px){	.p-xs-0{		padding: 0;	}}
@media (min-width: 640px) and (max-width:1024px){    .nav-link{        padding-left: 10px !important;    }    .dropdown .nav-link{        padding: 7px 12px !important;        text-align: left !important;    }
    .carousel-caption {        text-align: left;        padding: 30px 10px;        left: 0;        right: 40%;    }
    #slider h4 {        font-size: 30px !important;        margin-bottom: 15px;    }
    .about img{        width: 100%;    }
    .project-detail{        padding: 10px;    }
    .titel {        font-size: 90px;        letter-spacing: 10px;    }
    .designer-planing{        background: url(../images/bg.jpg);        background-size: cover;        padding: 3rem 1rem;    }
    .img-comp-container {        height: 400px;        width: 700px;    }
    .img-comp-img {        height: 400px;        width: 700px;    }
    .img-comp-img img {        width: 700px;        height: 400px;    }}
@media screen and (min-width: 1300px){    .container-fluid{        //max-width: 1366px !important;    }}
@media screen and (min-width: 1600px){    .container-fluid{       // max-width: 1600px !important;    }}
@media screen and (min-width: 1921px){    .container-fluid{        max-width: 1920px !important;    }}