/*Medium device (LG)*/
@media (max-width: 1300px) {
   
}

/*Medium device (MD)*/
@media (max-width: 1199px) {
    .bnrTxt h2{ font-size: 40px}
        .bnrTxt p{ font-size: 17px; line-height: 22px;}
    .aboutPet{ padding: 45px 0;}
    .navigation .navbar-nav > li{ padding: 0 8px;}
    .navigation .navbar-nav > li > a{ font-size: 15px;}
}
@media (min-width: 992px) {
    .navsocialInner{ display: block!important;}
}
/*Small device (SD)*/
@media (max-width: 991px) {
    .Bond_damage li{ width: 48%!important;}
    .description_img{ margin-left: 0!important; width: 100%!important;}
    .innerBnrs .carosalhdnB, .newProductHdn{ font-size: 25px; line-height: 32px;}
    .engPower{ font-size: 40px;}
    .innBnr img{ margin-top: 0;}
    .innerBnrs .item img { height: 215px!important;}
    .allPrdFrame img{ display: inherit;}
    .alPrdFrmHdn{ font-size: 14px;}
    .headermain{ position: static;}
    .newTrk{ font-size: 25px;}
    .homeCarousel .carousel-caption{ top: 20px; left: 20px;}
    .carousel img{ height: auto!important;}
    .resCarousel{ width: 84%; margin: 0 auto;}
    .carosalhdnB{ font-size: 25px; line-height: 30px}
    .carosalhdnA{ font-size: 19px; line-height: 25px;}
    .viewall{ padding: 5px 20px; font-size: 13px; margin-top: 6px;}
    .homeCarousel .carousel-control{ top: 29%;}
    .blogHdn h2, .servHdn h3, .partsHdn{ font-size: 25px;}
    .navigation .navbar-nav > li > a{ font-size: 12px;}
    .navigation .navbar-nav > li{ padding: 0 5px;}
    .userSlide p{ margin-top: 20px;}
    .aboutAright{ text-align: center;}
    .aboutAright img{ float: none; display: inline-block;}
    .innerBnr .item img{ height: 300px;}
    .cat img{ width: 170px;}
    .dog img{ width: 170px;}
    .phone img{ width: 15%;}
    .navSocial .fa-share-alt{ display: block; color: #fff; font-size: 25px; margin-right: 13px;}
    .navsocialInner{ display: none; width: 50px; padding: 5px; position: absolute; z-index: 99; right: 0; top: 50px;}
    .bnrTxt h2{ font-size: 30px;}
    .bnrTxt h6{ font-size: 21px;}
    .bnrTxt p{ font-size: 16px; line-height: 19px;}
    .navSocial{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
    .navSocial a{ margin-bottom: 5px;}
    .aboutPet h2{ margin-top: 15px;}
    h2{ font-size: 30px;}
    .aboutPet{ text-align: center;}
    .aboutPet img{ display: inline-block; float: none;}
    .footerMiddle{
        display: flex;
        flex-direction: column;
    }
    .footerMiddle span{ border: none; padding-bottom: 15px;}
    
}
/*Extra small device (XS)*/
@media (max-width: 767px) {
    .woocommerce div.product div.images.woocommerce-product-gallery{ padding: 15px!important;}
    .navigation .navbar-nav > li a{ font-size: 14px!important; color: #333!important;}
    .navbar-toggle{ margin-top: 0!important;}
    .headTop{ width: 392px;}
    .listProduct li{ width: 46%;}
    .header-content { padding-top: 270px!important; padding-bottom: 60px!important;}
    .partsHdn{ margin-top: 20px;}
    .allProductMain{ margin-top: 20px; padding-bottom: 40px;}
    .navigation .navbar-nav > li > a { color: #060e15;}
    .allPrdFrame{ width: 100%;}
    .engPower{ font-size: 30px;}
    .innBnr{ text-align: center;}
    .innBnr{ position: absolute; top: 0; width: 100%;}
    .newProductHdn{ margin-top: 30px; margin-bottom: 30px;}
    .allProductMain .seeall{ margin-top: 20px;}
    .allPrdFrame{ border-left: 0!important; border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 30px;}
    section.module.parallax{ padding: 80px 0;}
    .carousel-caption, .carosTxt{ position: static;}
    .homeCarousel .carousel-caption{ text-align: center; margin-top: 20px;}
    .footerBtm ul{ flex-direction: column;}
    .footerBtm ul li{ margin: 10px 0;}
    .footSocial{ flex-direction: column;}
    .footerTop{ padding-top: 30px;}
    .footLink{ margin-bottom: 20px; margin-top: 20px}
    .logobg{ text-align: center;}
    .logobg img{ display: inherit; margin-bottom: 20px;}
    .headright{ display: flex; justify-content: space-between; padding-left: 20px;}
    .headTop{ width: 70%;}
    .carosalhdnB{ line-height: 40px; font-size: 25px;}
    .navigation .navbar-nav > li > a{ font-size: 15px;}
    .navigation .navbar-nav > li{ padding: 0 5px;}
    .termsCond a{ margin: 0 6px;}
    .ResSlid0 .leftRs{ left: 0px!important;}
.ResSlid0 .rightRs{ right: 0px!important;}
.location-content{ text-align: center;}
.dry-stg-4 ul{ margin: 0;}
    p{ font-size: 16px; line-height: 24px;}
    .downloadPetbg{ padding: 30px 0;}
    .aboutCont, .contactSec{ padding: 40px 0;}
    .innerBnr .item img{ height: 216px;}
    .aboutPet img{ width: 80%;}
    .dg-wrapper{ width: 162px; height: 330px;}
    .swipeBnr{ margin-top: 30px;}
    .headright .navigation{ position: relative;}
    .headright .navbar-collapse{ position: absolute; width: 100%; right: 0px; z-index: 99; background-color: #fff!important;
    box-shadow: 0 0 5px #ccc;}
    .cat img{ width: 130px;}
    .dog img{ width: 130px;}
    .phone img{ width: 14%;}
    .bnrTxt h2{ font-size: 22px; line-height: 28px; padding: 5px 0;}
    .bnrTxt h6{ font-size: 20px;}
    .headright .navbar-header{ background-color: transparent;}
    .headright .navbar-header .navbar-toggle{ float: right; margin-right: 0;}
    .headright .navbar-header .navbar-toggle span{ background-color: #328ed1;
        font-weight: bold; height: 4px;}
        .headTop span { color: #fff; }
    .appSlider{ padding: 50px 0;}
    .footerTop ul li a{ font-size: 17px;}
    .footerTop{ margin-top: 0px;}
    .footerMiddle{ margin-top: 0;}
    .footerBtm, .termsCond{ text-align: center;}
    .termsCond{ padding: 10px 0;}
    
    .carousel-caption{ top: 0;}
    .navbar-nav { margin: 0; }
    .header-content .banner-header { font-size: 34px;}
    .header-content p { font-size: 26px;}
   .navigation .navbar-toggle{ float: left;}
    .navbar-header{ background-color: #484848;}
    .navbar-header .icon-bar{ background-color: #bbb;}
    .navbar-right-search{top: 15px;}
    .logoBg{margin-bottom: 5px;}
    .header{padding-top: 18px;}
    .searchbox-open{width: 400px;}
    .navigation .navbar-collapse{ background-color: #484848; width: 320px;}
    .navigation .navbar-nav > li{padding: 6px 20px;}
    .quotebg{margin-top: 0; background-color: #ffff00;}
    .contentWide{padding-top: 10px;}
    .quotebg, .leftMenu, .addBg{ margin-bottom: 25px;}
    .addBg img{width: 100%;}
    .sidebar-nav .navbar-toggle{ margin-top: 13px; background-color: transparent; border: none;}
    .sidebar-nav .navbar-toggle:focus{ background-color: transparent;}
    .sidebar-nav .navbar-collapse{ background-color: #484848; }
    .bnrTxt{padding-top: 5px;}
    .bnrHdn{font-size: 22px;line-height: 30px; margin-bottom: 0;}
    .bnrTxt p{margin-bottom: 5px; font-size: 16px;}
    .col-push-left{margin-left: 0; width: 100%;}
    .newsLft, .newsRgt{width: 100%; text-align: left;}
    .newsRgt{padding-left: 42px;}
    .navSocial .fa-share-alt{ margin-top: 6px;}
    .location_wrapper .location-content h2 { font-size: 20px; margin: 12px 0; padding-left: 0; }

    .location_wrapper .location-content .l_title { margin-bottom: 10px; font-size: 22px;}
    .location_wrapper .location-content p { font-size: 14px; margin-bottom: 20px;}
    .blogHdn .division li::first-letter{  padding-left: 0px; background: none; }
    .blogHdn .division li {  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAAaVBMVEX///9izOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOdizOe48PgOAAAAInRSTlMAAQMVGBwjJCgxODlAQUyEjJOcpafB0dPc3ujp6uvt8PH6xsgKvQAAAIVJREFUGNNtkMkWwiAQBNuoqBEXjBAXlFj//5EeCBp91G3qMNPTkiRZF2IMzqpgPCPeZNMmPqRWkszEQDKSPD94yU7G8/YJVu5rumb+AKcwNT0QFOG2PgFds+gBoiKk1exA1ywvZBWA+0b7Ygh5/bBTMbgxxOt4LVdsLWrtocrbtXL+K3wDFKMeAY7OKrYAAAAASUVORK5CYII=') no-repeat center top; padding-top: 25px; }
}
@media (max-width: 600px) {	
    .innerBnr .item img{ height: 150px;}
    .navigation .navbar-nav > li > a{ font-size: 15px; padding: 0;}
    .bnrTxt p{ display: none;}
    .headright, .navSocial{ padding-top: 15px;}
}
/*Extra small device (XS-More refine)*/
@media (max-width: 480px) {	
    .headTop span{ text-align: center!important; width: 100%!important;}
    .Bond_damage li{ width: 100%!important; margin-left: 0!important; margin-right: 0!important;}
    .Bond_damage li img{ height: auto!important;}
    .recovery_time img{ margin-left: 0!important; width: 100%!important;}
    .main_head h1{ font-size: 23px!important;}
    .location_wrapper .location-content .l_title{ font-size: 18px!important;}
    .blogHdn h1{ font-size: 30px!important;}
    .footerBtm p{ font-size: 11px!important;}
    .footerBtm{ padding-bottom: 44px!important;}
    .footerBtm::after{ bottom: 80px!important;}
    .header-content {
        padding-top: 307px!important;
        padding-bottom: 50px!important;
    }
    .header-content .banner-header{ font-size: 33px!important; line-height: 38px;}
    .navigation .navbar-collapse { width: 100%; }
    .listProduct li{ width: 100%;}
    .leftRs{ width: 38px; left: -40px;}
    .rightRs{ width: 38px; right: -40px;}
    .headright{ padding-left: 0;}
    .homeCarousel .carousel-caption{ top: 10px;}
    .carosalhdnA{ font-size: 16px;}
    .carosalhdnB { line-height: 24px; font-size: 20px;}
    .homeCarousel .carousel-caption p{ font-size: 13px; line-height: 18px; padding-top: 10px;}
    .carosTxt{ position: static; padding-top: 15px;}
    .homeCarousel .carousel-caption{ position: static; width: 100%; text-align: center;}
    .viewall{ padding: 5px 20px; font-size: 13px; margin-top: 6px;}
    .carousel-control{ top: 86px;}
    .blogHdn{ margin-top: 30px; margin-bottom: 40px;}
    .blogHdn h2, .servHdn h3, .partsHdn{ font-size: 20px; line-height: 27px;}
    .blogHdn p{ font-size: 15px;}
    .carousel img{ height: auto!important;}
    .resCarousel-inner .item .tile{ margin: 5px;}
    .productBlg .itmHdn{ font-size: 18px; padding-left: 10px; padding-right: 10px;}
    .headright{ flex-direction: column;}
    .headermain{ position: static;}
    .headTop{ text-align: center;}
    .headTop .input-group{ width: 100%; margin-top: 20px;}
    .headTop span{ padding: 7px 0px 0 0;}
    .headright nav{ border-radius: 5px;}
    .signLft, .rating{ width: 100%; text-align: center; margin-bottom: 15px; margin-top: 10px;}
    .userSlide p{ text-align: center;}
    .dg-wrapper{ width: 100px; height: 200px;}
    .capTxt{ width: 100%; left: 0; right: 0;}
    .footerTop ul{ flex-direction: column;}
    .footerTop ul li{ padding: 10px 0;}
    .bnrTxt h6{ font-size: 14px;}
    .bnrTxt h2{ font-size: 16px;}
    .cat img{ width: 80px;}
    .dog img{ width: 80px;}
    h2{ font-size: 25px;}
    p{ font-size: 15px;}
    .headTop { width: 100%; }
    .servHdn{ padding: 0 10px;}
}