/* 
     Author : Azhar Hussain
     Email: azharhussain4647@gmail.com
      Website: http://azharmasum.com
     Facebook: https://www.facebook.com/azhar.hussainmasum
*/


@media (max-width:500px){
    .header-text{
        text-align: center;
        color: #FFFFFF;
        padding: 50px 0px;
    }
    .header-text h1{
        font-size:40px;
        margin:0 0 15px 0;
        font-weight: 800;
    }
    .header-text h1 > span{
        color: #F7600E;
    }
    .header-text .pp{
        font-size: 15px;
        white-space: normal;
    }
    .header-text p a{
        padding:10px 35px;
        border-radius:8px;
        color: #FFFFFF;
        font-weight: 600;
        margin-right: 15px;
        margin-bottom: 15px;
    }
    .btn1{
        padding:10px 50px!important;
        background: #F7600E;
        border-color: transparent;
    }
    .title p{
        white-space: normal!important;
    }
    .slider-caption p i{
        white-space: normal!important;
    }
    #service .thumbnail {
        padding:0px 0px;
        margin-bottom:20px;
    }
}
@media(min-width:420px) and (max-width:590px){
    #contact button[type="submit"]{
        float: left;
        width: 35%;
    }

}
@media (max-width:419px){
    #contact{
        padding: 50px 0px;
    }
    #contact button[type="submit"]{

        width: 35%;
    }
    #contact .social{
        display: block;
        width: 100%;
        text-align: center;
    }
    #contact .social li a{
        margin-right: 10px;
    }
}
@media (max-width:479px){
    .copy{
        display: block;
        width: 100%;
        text-align: center;
    }
    .design{
        display: block;
        width: 100%;
        text-align: center!important;
    }
    .design p{
        text-align: center!important;
    }
}
@media (max-width:746px){
  
    #menu ul li {
        display: block;
        margin-top: 10px;
        text-align: left;
    }
    #menu ul li a{
        color: white;
        font-size: 16px;
        font-weight: bold;
        text-align: left;
        display: block;
    }

}

@media (max-width:767px){
    .white-space{
    white-space:normal!important;
}
    #newsletter .form-control{
        width: 70%;
        margin:10px auto;
    }
    #work img{
        width: 100%;
    }
}


@media (min-width:500px) and (max-width: 991px){
    .thumbnail .white-space{
        white-space: normal!important;
    }
    .padding{
        padding:20px 0px;
    }
}

/* Medium Device */
@media (min-width:992px) and (max-width:1203px){
    #menu ul li a{
    color: white;
    font-size: 16px;
    font-weight:600;
    text-transform: uppercase;
    padding: 10px 11px;
    border-radius: 5px;
    background-color: #3F444A;
}
}
@media (min-width:992px){
    .service-demo p {
        max-width: 76%;
        margin: 0 auto;
    }
    .overlay {
        position: absolute;
        top:100%;
        left: 0;
        opacity: 0;
        transition:1s ease all;
        width: 100%;
        padding:100px 0px;
        color:white;
        height: 100%;
        border-radius: 7px;
        text-align: center;
        background-color: rgba(224, 88, 15, 0.73);
    }

}

/*---Large Device---*/
@media (min-width:1200px){
    section .container {
        width: 1100px;
    }
    footer .container {
        width: 1100px;
    }

}