/* Normal desktop :992px. */

@media only screen and (max-width:1199px) {
}
/****************************************************************************************
@
@	Tablet Styles
@
****************************************************************************************/
/* Tablet desktop :768px. */

/*max width 991px*/
@media(max-width: 991px){
    .slicknav_menu {
        display: block;
    }
    #cssmenu.menu-wraper {
        display: none;
    }
    .home_slider_section .carousel-caption h5
{

  font-size: 30px;
}
.new_arrival_box_mergin {
    margin-top: 30px;
}
.home_new_box2
{
    margin: 30px 0;  
}
.home_new_box2 .img_area {
    height:180px;
}
}

/*width 768px to 991px*/
@media(min-width: 768px) and (max-width: 991px){

}
/*tab css*/
@media(max-width: 768px){

}

/****************************************************************************************
@
@	Mobile Styles
@
****************************************************************************************/
/*max width 767px*/
@media(max-width: 767px){
    .testimonialBx {
        margin-bottom: 20px;
    }
    .subtitle {
        width: 100%;
    }
    .ourService {
        background: #F7F7F7;
        padding: 5% 0;
    }
    .servcBx {
        margin-bottom: 30px;
    }
    .subTitle {
        max-width: 90%;
    }
    .aboutSec .btn1{
        margin-bottom:20px;
    }
    .prdctBx.mdl {
        margin-bottom: 26px;
    }
    .prdctBx.topleft {
        margin-bottom: 28px;
        position: relative;
        z-index: 3;
        min-height: auto;
    }
    .newArival::after{
        display: none;
    }
    .newArival h3 {
        max-width: 100%;
    }
    .bannerSec .bannerTxt p {
        width: 100%;
    }
    .bannerSec .bannerTxt h2 {
        font-size: 30px;
    }
    .bannerSec .bannerTxt h1 {
        font-size: 40px;
        font-weight: bold;
    }
    .bannerSec .bannerTxt {
        width: 100%;
        margin: 0 auto;
        position: relative;
        top: inherit;
        left: inherit;
        transform: inherit;
        color: #fff;
        background: #01b0b8;
        padding: 15px;
    }
    .headerSec .headerTop{
        display: none;
    }
    .slicknav_menu{
        display: block;
        background: transparent;
      }
    #cssmenu ul ul li a {
        width: 100%;
        line-height: normal;
    }
    #cssmenu > ul > li > a {
        line-height: 30px;
    }
    .contactSec .contact-item p {
        margin-bottom: 0;
    }
    .contact-item {
        text-align: left;
        display: flex;
        margin-bottom: 10px;
    }
    .contactSec .contact-item h3 {
        margin-bottom: 0;
    }
    .innerBanner h1 {
        color: #f8ffff;
        font-size: 29px !important;
    }
    .contactSec {
        padding: 5% 0;
    }
    .getAccesWrap .getAcces {
        padding: 16px;
        z-index: 9;
        position: relative;
    }
    .footerSec .copyright {
        text-align: center;
    }
    .aboutSec h6 {
        font-size: 26px;
    }
    .aboutSec h2 {
        font-size: 30px;
    }
    .youSaid {
        background: #F7F7F7;
        padding: 5% 0;
    }
    .getEstimate {
        padding: 5% 0;
    }
    .getAccesWrap .getAcces p {
        margin-bottom: 20px;
        font-size: 24px;
    }
    .footerSec h2 {
        margin-bottom: 10px;
    }
    .commnTitle {
        font-size: 30px;
    }
    .blogSec {
        padding:5% 0;
    }
    .blogBx .textSec {
        padding: 20px 0;
    }
    .getEstimate h2{
        margin-top: 15px;
    }
    .getAccesWrap {
        margin-top: 13px;
    }
    .bannerSec.innerBanner .bannerTxt{
      background: transparent ;
    } 
    .bannerSec.innerBanner {
        background-size: cover !important;
        min-height: auto;
        background-position: center !important;
        padding: 30px 0;
    }
    .subTitle {
        padding-bottom: 5%;
        max-width:90%;
    }
    .productBx {
        margin-bottom: 5%;
    }
    .owl-prev {
        left: -6px;
    } 
    .owl-next {
        position: absolute;
        right: -6px;
    }
    section.serviceSec {
        padding-top: 5%;
    }
    .serviceSec .cmnTitle {
        margin-top: 5%;
    }
    .serviceSec.aboutInr {
        margin-bottom: 5%;
    }
    .ourVAlu {
        padding-top: 5%;
        padding-bottom: 5%;
    }
    .contactSec h2 {
        font-size: 30px;
        margin-bottom: 5px;
    }
    .contactSec h3 {
        font-size: 22px;
        margin-bottom: 5px;
        font-weight: bold;
    }
    .map iframe {
        height: auto;
        margin: 15px 0;
    }

    .home_slider_section .carousel-caption p
{
    display: none;
}
.home_slider_section .btn1
{
    display: none;
}
.home_about_pannel
{
    text-align: center;
}
.home_about_text .top_pannel h4 {
    font-size: 25px;
}

.about_img {
    margin-top: 20px;
}
}
/*width 576px to 767px*/
@media(min-width: 576px) and (max-width: 767px){

}

/*max with 575px*/
@media (max-width: 500px){
    .pp_pic_holder.pp_default
    {
        width: 100%!important;
        margin-top:-100px !important;
        left: 0!important;
        overflow: hidden;
    }
    div.pp_default .pp_content_container .pp_left
    {
        padding-left: 0!important;
    }
    div.pp_default .pp_content_container .pp_right
    {
        padding-right: 0!important;
    }
    .pp_content
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_fade
    {
        width: 100%!important;
        height: 100%!important;
    }
    a.pp_expand,
    a.pp_contract,
    .pp_hoverContainer,
    .pp_gallery,
    .pp_top,
    .pp_bottom
    {
        display: none!important;
    }
    #pp_full_res img
    {
        width: 100%!important;
        height: auto!important;
    }
    .pp_details
    {
        box-sizing: border-box;
        width: 100%!important;
        padding-left: 3%;
        padding-right: 4%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #fff;
        margin-top: -2px!important;
    }
    a.pp_close
    {
        right: 10px!important;
        top: 10px!important;
    }
    .home_slider_section .carousel-caption h5
    {
    
      font-size: 20px;
    }
}