@media only screen and (max-width:767px)  {
    .about-section .pl-0{ padding-left:15px !important;}
    #customPageStepBtns {
        position: static;
        display: none;
    }
    .blog-box-list {
        margin: auto;
        width: 90%;
        margin-bottom: 25px;
    }
        .blog-box-list .tag, .blog-box-list .description{ min-height:auto !important;}
        .mobile-slider-text {
            font-size: 10px;
            margin-top: 25px;
        }

    .slider .carousel-caption {
        background: rgba(0, 0, 0, 0.50);
        width: 100%;
        left: 0px;
        right: 0px;
        top: 0px !important;
        height: 100%;
        padding: 20px;
    }
.my-video video {
    width: 100%;
    border: 10px solid #222;
}

.excerpts {
    font-size: 25px;
    line-height: 30px;
}

.details{margin: 15px 0 0;}

.h-text {
margin: 10px 0px   !important   ;
font-size: 24px !important;
}

.my-video {
    width: 92%;
    height: auto;}

.am-paragraph {
    line-height: 25px;
    font-size: 15px;
    color: #757575;
}

p span{    line-height: 25px;
    font-size: 15px;
}

.black-box .tab-content p {
    font-size: 15px;
    line-height: 25px;
    letter-spacing: 0px;
    color: #fff;
}

.footer-alert {
    padding: 5px 10px;
	padding-right: 25px;
}

    .footer-alert p{
        width:100%;
    }

    .footer-alert-close{ position:static; margin:auto; display:block;}


    .inner-title {
        font-size: 26px;
        font-weight: 300;
        color: #FFF;
        line-height: 30px;
        margin: 0px;
        letter-spacing: 6px;
        text-transform: uppercase;
    }

.dropdown .nav-link {
    padding: 0px;
}

.text-yellow{ margin-top:36px !important;}

    .solutionList ul {
        margin: 0px;
        padding: 0px;
    }
    .solutionList ul li {
        width: 90%;
        margin: auto;
        margin-bottom:20px;
        min-height:0px;
    }
	
.yello-text{ word-spacing:0px; letter-spacing: 0px;}

.management {
    font-size: 36px;
}

.sectionTitle2 {
    font-size: 21px;
    margin: 0 0 56px;
    line-height: 38px;
}
footer ul li {
    font-size: 14px !important;
}

.text {
    width: auto;
    margin: auto;
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

header {
background:#000;
height:auto !important;
position:static !important;
overflow:hidden !important;
}
.logo{ position:static; width:60%;}
.logo img{ width:100%;}

 .features{ padding:0px !important;}
    .learnMoreButton2{ line-height:25px !important;}

    .feature-list-new .col-md-6 {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .feature-list-new .col-md-3 {
        border-right: 1px solid #ccc;
    }

    .feature-list-new h2 {
        border-bottom: 0px solid #ccc;
    }

    .feature-list-new p {
        font-size: 13px;
        padding: 0px;
        margin: 0px;
        color: #2f4d9a;
    }

.slider{ height:auto;}
.slider .carousel-caption {
    /*top: 10px !important;*/
}

.h-text {
    margin: 20px 0px 20px 0px;
    font-size: 36px;
}

#topSlider h2{margin-top:2px; font-size:15px !important; padding-bottom:0px;}
.lead{ width:100%;}
.slider .carousel-caption h1 {
    font-size: 30px; margin-bottom:0px;}
p{ line-height:20px;}

.green-back{ width:100%; height:75px; padding:4px 0px; overflow:hidden;}
.phone li{ margin-left:182px; padding:6px 0px 0px 0px;}
.list-logo, .closeBtn{ display:block;}
.list-logo{ width:100%;}
.ul-list{
transition:all 0.45s;
transform:translateX(500px);
    margin-bottom: 30px;
    overflow: hidden;
    position: fixed;
    width: 280px;
    height: 100%;
    background: #393939;
    top: 0px;
    right: 0px;
    z-index: 100000;}
.ul-list.active{transform:translateX(0px);}
.ul-list li { margin:0px 0px 0px px; font-size:18px; padding:10px 20px; width:100%; height:auto; border-bottom: 1px solid #272727}

.closeBtn{font-size: 30px !important; float:right !important;}
	
.three-line{ padding:7px 8px 25px 4px; color:#b89840; border-radius:5px; width:45px; border: 2px solid #b89840; display: block; margin:20px 25px 15px 5px; overflow:hidden;}
.three-line li{ color:#b89840; width:82%; padding:0px 0px 0px 5px;}
.logo{ float:left; overflow:hidden;}
.yammna-logo{  margin-right:20px; overflow:hidden; }
.slider .carousel-caption h1{ font-size:26px; text-align:center; font-weight:bold;}

.slider{ position:relative; }
.white-back{ overflow:hidden; line-height:15px; width:100%; height:280px; position:absolute; bottom:-600px; right:20px; margin:90px 0px; padding:10px 0px;  }
.paragraph{ line-height:20px;}
.dry-fruits{ overflow:hidden;}
.type{ width:400px; margin: auto; text-align:center; margin-top:35px;}
.three-image{ overflow:hidden; margin-top:230px;}

.green-text{ font-weight:bold;}
.four-picture{ text-align:center;}
.fruits{ font-size:26px;}
.Asharaf{ font-size:28px;}
.Asharaf-paragraph{ font-size:20px; color:#000000;}

.green-color{ height:180px;}
.need{ text-align:center; padding:40px 0px; font-size:32px; margin:20px 0px; }

.follow{ font-size:28px; font-weight:bold; text-align:center; margin:0px 0px 20px 0px;}
.offer{ margin:80px 0px 10px 0px; font-weight:bold; color:#568349; font-size:25px; }
.presta-shop{ width:100%; height:80%; margin:auto;}
.shipping{ font-weight:bold; font-size:27px; margin:auto; padding:10px 0px; }
.menu{ text-align:center; list-style:none; margin-bottom:30px;}
.p-text{ text-align:center;}

footer{ height:100%; width:100%;}
footer h4{ font-size:28px; font-weight:bold; }
footer ul li{ font-size:20px;}


.about{ overflow:hidden; padding:10px 0px; height:110px;}
.about-text{ padding:15px 20px 0px 30px; font-size:36px;}
.top-nav{ border:none;}
.about-paragraph{ line-height:25px; margin:20px 0px 0px 0px;}
.product{ padding:15px 20px 0px 30px; font-size:36px;}
.gallery{ padding:15px 20px 0px 30px; font-size:36px;}
.contact{ padding:15px 20px 0px 30px; font-size:36px;}

.box{ height:360px; width:100%; padding:20px 10px 50px 10px; margin:10px 10px 10px 0px;}
.submit{ margin:30px 0px 30px 0px;}
.truck-logo{ float:left;}
.p-text{ text-align:left;}

 #topSlider h2 {
        color: #fff;
        margin-top: 10px;
        padding-bottom: 0px;
        text-shadow: 5px 0px 2px #757575;
    }

}