/*
[Table of Contents]
+Genaral
 -Mobile Navigation
+Medium devices 
 -Home Slider
 -Get in Touch
 -Protfolio
 -Partner Logo
 -Footer
+Small devices
 -Home SLider    
 -Get i touch
 -Services
 -Our Partner
 -Counter
 -Contact Boxed
 -Blog
 -Footer
+Extra small devices
 -Home Slider	
 -features
 -Protfolio
 -Testmonial Slider
 -Footer
*/
/*************** Genaral ***************/
/*****----------  Mobile Navigation ----------*****/
.slicknav_menu {
    display: none;
}

/***************  Medium devices  ***************/
@media screen and (max-width: 991px) {

    /*****----------  Home Slider ----------*****/
    .slider-contetn {
        width: 100%;
        padding: 10% 0;
        text-align: center;
    }

    .slider-contetn h1 {
        font-size: 34px;
        line-height: 34px;
    }

    .slider-contetn p {
        margin: 25px auto;
    }

    /*****---------- Get in Touch ----------*****/
    .info-tittle {
        font-size: 16px;
    }

    /*****---------- Protfolio ----------*****/
    .protfolio-hover h2 {
        font-size: 16px;
    }

    /*****---------- Partner Logo ----------*****/
    .our-partner img {
        max-height: 80px;
    }

    /*****---------- Footer ----------*****/
    .singel-footer-item {
        padding: 20px 0px;
    }

    .features-item {
        padding-right: 10%;
    }
}

/***************  Small devices ***************/
@media screen and (max-width: 767px) {
    .primary-tittle h1 {
        font-size: 34px;
        line-height: 34px;
    }

    .primary-tittle p {
        width: 100%;
        font-size: 80%;
        text-align: center;
    }

    .top-contact-item {
        float: right;
    }

    .header-top-area p {
        text-align: left;
        display: block;
    }

    /*****----------  Navigation	 ----------*****/
    .js #menu {
        display: none;
    }

    .js .slicknav_menu {
        display: block;
    }

    .slicknav_menu {
        background: transparent;
        color: #000;
    }

    .home-logo {
        float: left;
    }

    a.slicknav_btn {
        padding: 10px;
        margin: 22px 0 36px 0;
    }

    .slicknav_nav li {
        border-bottom: 1px solid #f1f1f1;
        padding: 10px 0px;
    }

    .slicknav_nav li:last-child {
        border: none;
    }

    .slicknav_menu a {
        color: #000;
        text-transform: uppercase;
        display: block;
    }

    .slicknav_nav a:hover {
        background: none;
        border-radius: 0;
        color: #fab702;
    }

    /*****---------- Home SLider     ----------*****/
    .slider-contetn h1 {
        font-size: 28px;
        line-height: 28px;
    }

    .slider-contetn p {
        font-size: 70%;
        line-height: normal;
    }

    /*****---------- Get i touch ----------*****/
    #Get-in-touch {
        padding: 14px 0px;
    }

    .info-tittle {
        font-size: 12px;
        line-height: 18px;
        padding-right: 10px;
        margin-bottom: 10px;
    }

    .info-tittle p {
        width: 100%;
        font-size: 80%;
    }

    /*****----------  Services ----------*****/
    .single-service-item {
        text-align: center;
        padding: 30px 0px;
    }

    /*****---------- Our Partner ----------*****/
    .our-partner img {
        max-height: 100%;
    }

    /*****---------- Counter ----------*****/
    .counter-item {
        margin-bottom: 50px;
    }

    /*****---------- Contact Boxed ----------*****/
    .boxed-info h1 {
        font-size: 14px/
    }

    .boxed-info a {
        display: inline-block;
        float: none;
        font-size: 12px;
    }

    /*****---------- Blog ----------*****/
    .single-blog-item {
        margin-bottom: 40px;
    }

    /*****---------- Footer ----------*****/
    .singel-news {
        justify-content: unset;
    }
}

/*************** Extra small devices ***************/
@media screen and (max-width: 575px) {

    /*****---------- Home Slider	 ----------*****/
    .slider-contetn p {
        width: 100%;
    }

    .slider-contetn a {
        padding: 5px 10px;
    }

    #home-slider .owl-dots {
        bottom: 0;
    }

    /*****---------- features ----------*****/
    .features-item {
        padding-right: 0;
    }

    /*****---------- Protfolio ----------*****/
    .protfolio-Menu button {
        font-size: 10px;
        margin: 0px 3px;
    }

    /*****---------- Testmonial Slider ----------*****/
    .t-slider-item {
        display: block;
        padding: 10px;
    }

    .profile {
        height: 150px;
        width: 150px;
        border-radius: 50%;
        border: 5px solid #fab702;
    }

    .t-info {
        width: 100%;
    }

    /*****----------  Footer ----------*****/
    .bottom-content-area ul {
        text-align: center;
    }

    .bottom-content-area p {
        text-align: center;
        margin: 10px;
    }

    .bottom-content-area a {
        padding: 24px 5px;
    }

    .primary-tittle h1 {
        font-size: 18px;
    }
}