@media(max-width: 890px) {
	
.logo {
    width: 100%;
}

.logo img {
    display: inline-block;
    width: 200px;
    margin-left: 15px;
}

.menuList ul li {
    margin-left: 41px;
    position: relative;
}


i.fas.fa-bars.barIcon {
    display: inline-block;
    float: right;
    font-size: 41px;
    margin-right: 31px;
    color: #595959;
}


.menuList {
    display: none;
}



}

@media (max-width: 280px){
.protfolio img {
    width: 242px;
}
}

@media (max-width: 1154px){
    ul.navbar-nav li a {
        font-size: 21px;
    }
    }

    @media (max-width: 1190px){
        ul.navbar-nav li a {
            font-size: 21px;
        }
        }

@media (max-width: 265px){
.protfolio img {
    width: 216px;
}
}


@media (max-width: 427px){
.protfolio img {
    width: 360px;
}
}

@media(max-width: 534px) {


.protfolio img {
    width: 451px;
}
}

@media (max-width: 367px){
.protfolio img {
    width: 297px;
}}

@media (max-width: 467px){
.protfolio img {
    width: 400px;
}

}

@media (max-width: 372px){
.protfolio img {
    width: 291px;
}}

@media (max-width: 415px){
.protfolio img {
    width: 353px;
}
}

@media(max-width: 800px) {
	

.bennar {
/*   background-image: linear-gradient(rgb(0 0 0 / 13%), rgb(0 0 0 / 30%)), url(./Logo,Bennar/SaifulBennar.jpg);
    padding: 100px 0;
    -webkit-background-size: cover;
    
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;*/
    background-size: 896px;
}


.carousel-inner {
    height: 370px;
}

.bennarText h1 {
    font-size: 33px;
}

.bennarText h4 {
    font-size: 18px;

}
.bennarText h4 {
    font-size: 18px;

}

.buttonDiv {
    text-align: center;
    height: 16px;
}

a.buttonClass {
    width: 151px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

.col-md-12 h1 {
    font-size: 39px;
    padding: 19px;
}
.s-icon {
    height: 157px;
}

.journeyInfo h1 {
    font-size: 50px;
}

h1.allMostSub {
    font-size: 40px;
}

}

@media(max-width: 590px) {
a.navbar-brand img {
    width: 50%;
    /* display: block; */
}

a.navbar-brand {
    display: inline-block;
    width: 73%;
}
}

@media(max-width: 993px) {
.card-body p {
    color: #706d6d;
    font-size: 12px;
    font-weight: 600;

}

@media(max-width: 974px) {
    a.navbar-brand img {
        width: 63%;
    }


}
@media (max-width: 590px){
nav.navbar.navbar-expand-lg.navbar-light {

    margin-top: -112px;
}
.bd-example {
    margin-top: 105px;
}

}


@media (max-width: 775px){

.card-body p {
    color: #706d6d;
    font-size: 6px;
    font-weight: 600;
}

.card-header h1 {
    font-size: 27px;
}

.card-body h3 {
    font-size: 23px;
}	

.serviceDescription p {
    font-size: 9px;
}

.serviceName h4 {
    font-size: 17px;
}

.serviceIcon {
    width: 54px;
    line-height: 54px;
    height: 54px;
    font-size: 19px;
}
.allContantSub {
    margin-top: 10px;
}

.allInfo h1 {
    font-size: 25px;
}

.allInfo p {
    font-size: 9px;
}

.channelButton button {
    font-size: 14px;
    width: 127px;
    height: 35px;
}

}

@media(max-width: 485px) {
.social ul {

    margin-left: 3px;
}
}

@media(max-width: 376px) {

.bennar {
    background-size: 560px;
}
.bennarText h1 {
    font-size: 25px;
}

a.buttonClass {
    width: 94px;
    height: 35px;
    line-height: 35px;
    font-size: 10px;
}
.col-md-12 h1 {
    font-size: 23px;
    padding: 17px;
}
button.page {
    width: 206px;
    height: 37px;
}

.ServiveButton {
    margin-top: -19px;
}
.carousel-inner {
    height: 272px;
}
i.fas.fa-bars.barIcon {
    font-size: 40px;
}

.logo img {
    width: 167px;
    margin-bottom: 10px;
}

.serviceDescription p {
    font-size: 13px;
}
.serviceName h4 {
    font-size: 21px;
}

.allInfo p {
    font-size: 15px;
}
}

@media(max-width: 800px) {

a.buttonClass {
    width: 119px;
    height: 43px;
    line-height: 43px;
    font-size: 12px;
}

.bennarText h4 {
    font-size: 11px;
}

.bennarText h1 {
    font-size: 24px;
}

.carousel-inner {
    height: 313px;

}	

.card-body p {
    color: #706d6d;
    font-size: 12px;
    font-weight: 600;
}
}







@media (max-width: 1070px) {
.picPhoto1 {
    background-size: 523px;

}	
}