@media (min-width: 992px) and (max-width: 1199px) 
{
   
    .container {
    width: 100%;
    box-sizing: border-box;
}
    .contact-header {text-align: center;}
    .email, .call, .page-Visits, .bizMAX-verified, .social_links {margin-right: 1%;}
    .logo {/*width: 50%;*/}
    .logo img{max-width:100%;}
    .company-Name {/*width:50%;*/ padding: 0px;}
    .compnyname a{font-size: 30px;}
    .company-name h1 {font-size: 20px;}
    .navButtons ul li a {/*display: block;*/ /*text-align:center;*/ /*border: 0; margin: 0;*/ /*border-radius:0;*/ /*transform: skew(0deg);*/}         
    .banner {width: 100%; padding: 0px;}
    div#header div.wrap , div#header div#slide-holder div#slide-runner{height: 440px !important;}

    .img_gallery {width: 960px !important;}
    .slider_small_images {width: 240px !important;}

    .modal-content {width: 33%;} 
    .card {left: 20%; width: 60%;}
    
    .middlePanel h2::before {
    width: 40%;
    left: 30%;
}
    .productList h2::before {
    width: 80%;
    left: 10%;
}

    .rating-and-review, .NoRecords{width: 50%;}
    .divMainReviews {
    padding: 0px;
}
    .col-5 {
    width: 25%;
}
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {width: 100%;}
    .contact-header {text-align: center; line-height: 2em;}
    .social_links a, .social_links a:nth-of-type(5) {border-left: 0; border-right: 0;}
    .email .fa-envelope {border:0; padding:0;}
    
    .logo {/*width: 40%;*/}
    .logo img{max-width:100%;}
    .company-Name {/*width:60%;*/ padding: 0px;}

    .compnyname a{font-size: 25px;}
    .company-name h1 {font-size: 20px;}

    .navButtons ul li {float: left; box-sizing: border-box;} 
    .navButtons ul li:nth-of-type(1) {border-left:0;}   
    .navButtons ul li a {/*display: block; text-align:center;*/ /*border: 0; margin: 0;*/ /*border-radius:0; transform: skew(0deg);*/} 
    .navButtons ul li:last-child {border-right: 0;}
    .banner {width: 100%; padding: 0px;} 
    div#header div.wrap , div#header div#slide-holder div#slide-runner{height: 341px !important; width: 100%;} 

    .img_gallery {width: 735px !important;}
    .slider_small_images {width: 243px !important;}

     #send-msg h3::before {width: 250px; left: 23%;}
   
    .subjectTable .field input {width: 100%;}
    .submitbutton {margin-left: 0%; width:100%;}
    .label {width: 40%;}
    .fields {width: 60%;}

    #divProductShowcase {left: 20%; top: 5%;}  
    .card {left: 13%;
width: 74%;
}
    .modal-content {width: 40%;} 

    .productList h2::before {width: 90%; left: 5%;}
    .middlePanel h2::before {width: 50%; left: 25%;}
    
    .rating-and-review, .NoRecords{width: 75%;}
    .divMainReviews {
    padding: 0px;
}

    .col-5 {width: 33.33%;}
    .col-4 {width: 33.33%;}


    .rightPanel {width: 35%;}
    .leftPanel {width: 35%;}
    .middlePanel {width: 65%;}

    .productListImage {width: 40%;} 
    .productListDesc {width: 60%;}

.prodListbtnImg {
    
    float: none;
    text-align: center;
    display: block;
    margin: 10px 0;
}
}

@media (min-width: 544px) and (max-width: 767px) 
{

    .container {width: 100%; box-sizing: border-box;}
    .contact-header {text-align: center; line-height: 2em;}
    .email, .call, .page-Visits, .bizMAX-verified, .social_links {/*display: block; margin-right: 0%;*/}
    .social_links {margin: 5px 0;}
    .companylogo {width: 100%; display: block;}
    .logo {padding-right: 0px; width: 100%; margin-right:0px; text-align: center;}
    .logo img {max-width: 100%;}
    .company-Name {text-align: center; display:block !important;}
    .compnyname a{font-size: 25px;}
    .company-name h1 {font-size: 20px;}

    .banner {width: 100%; padding: 0px; margin: 0;} 
     div#header div.wrap , div#header div#slide-holder div#slide-runner{height: 213px !important; width: 100%; }

     .img_gallery {width: 510px !important;}
    .slider_small_images {width: 255px !important;}

     #send-msg h3::before {width: 70%; left: 15%;}
   
    .subjectTable .field input {width: 100%;}
    .submitbutton {margin-left: 0%; width:100%;}
   
    .tab-left {float: none; margin-bottom: 0;}
    .tab-left li {float: none; width:100%;}
    .tab-left li a {margin-right: 0; border-radius: 0;}
    .tab-left > li.current > a, .tab-left > li.current > a:hover, .tab-left > li.current > a:focus {margin-right: 0; border-radius: 0;}

    .gallOptionDiv{display:block; width: auto;}
    .select, .ProductpageView, .selectProNo-top{width: 100%; text-align: center;}
   
    .productListDiv {display: inline-block;}
    .productListImage {width: 100%;}
    .productListDesc {width: 100%; padding: 15px 0; text-align: center;}
    .bizPro-info-summary .protitle h1, .productListName {text-align: center;}
    .bizPro-info-img {float: none; width: 100%;}
    .bizPro-info-summary {width: 100%; float: none; padding: 15px 0 0;}

    .pagination{display: block; width:auto;}
    
    .rightPanel {width: 40%;}
    .leftPanel {width: 40%;}
    .middlePanel {width: 60%; padding-left: 0px;}

    .prodListbtnImg {float:none; text-align: center; display: block; margin: 10px 0;}

    h2 {
    font-size: 2em;

}

    .col-5 {width: 50%;}
    .custom_content img{width:100%;}
    .contact-us {display: block;}
    .cont-Info-profile {width: 100%;}
    .googleMap {width: 100%; margin-top: 15px;}
    .googleMap .map {height: 175px;}
    
    .footer ul li {display: inline-flex; margin: 5px;}
    .card {left: 0%;}
    #divProductShowcase {left: 5%; width: 400px;}
    .productShowcaseName {width: 340px;}
    .productShowcaseDescr {width: 340px;}
    .productShowcaseImg img{width: 340px; height: auto;}
    #divProductShowcase ul li {margin-right: 120px;}
    .review1 img{width:100%;}
    .reviews-button {text-align:center;}
    .modal-content {width: 60%;}
    
    .card {left: 5%; width: 90%;}
    
    .veri-member-details .label {width: 100%;}

    .productList h2::before {width: 70%; left: 15%;}
    .middlePanel h2::before {width: 90%; left: 5%;}

    .middlePanel h2::after {}

    #accordion .content-title {font-size: 12px;}

    .col-4 {width: 50%;}
    .verified-info {padding: 0; background: inherit;}
    .label, .fields {float: none; width: 100%;}

    .Contact-Form {width: 100%; padding: 0;}
    .map-and-details {width: 100%; margin-top: 15px;}
    .rating-and-review, .NoRecords{width: 100%;}
    .divMainReviews {
    padding: 0px;
}
    .see-all-products {display: none;}
}   

@media (max-width: 543px) {
    .container {width: 100%; box-sizing: border-box;}
    .contact-header { text-align: center;}
    .email, .call, .bizMAX-verified, .social_links, .page-Visits{display: block;}
    .email, .call, .page-Visits, .bizMAX-verified, .social_links {margin-right: 0%;}
    .social_links {margin: 5px 0;}
    .companylogo {width: 100%; display: block;}
    .logo {padding-right: 0px; width: 100%; margin-right:0px; text-align: center;}
    .logo img {max-width: 100%;}
    .company-Name {padding: 15px 0 0 0; text-align: center; display:block !important;}
    .compnyname a{font-size: 25px;}
    .company-name h1 {font-size: 20px;}
     /*-------mobile-menu-button------*/
    .navbar-Outer-Container {border-bottom:0; padding-bottom: 0px;}
    .navButtons {margin-bottom: 15px; margin-top: 15px;}
    .navButtons ul {display:none;}
    .navButtons ul li:nth-of-type(1) {border-left:0;}
    .navButtons ul li {float: left; width: 100%; position: relative;  box-sizing: border-box; margin:0;}
    .navButtons ul li a {display: block; text-align:center; border: 0; margin: 0; border-radius:0; transform: skew(0deg);} 
    #pull{display:block;}      
    ul.liProductsSub{position: relative; z-index: 500; border-radius: 0px; max-width:100%; float: none;}
    .dropdown:hover ul.liProductsSub {display: block !important;}
    ul.liProductsSub li{width: 100%;}
    ul.liProductsSub li a{border: 0; margin: 0; border-radius:0; transform: skew(0deg);}

    #ctl00_divNavbar {background: none;}

    .banner {width: 100%; padding: 0px; margin: 0;} 
    div#header div.wrap , div#header div#slide-holder div#slide-runner{height: 142px !important; width: 100%;}   
    div#header div#slide-holder div#slide-controls p#slide-nav a {padding:2px 4px; font-size: 8px;}

    .img_gallery {width: 290px !important;}
      
     .tabbable {margin-top: 0px;}
    
    .subjectTable .field input {width: 100%;}
    .submitbutton {margin-left: 0%; width:100%;}
    .tab-left {float: none;}
    .tab-left li {float: none; width: 100%;}
    .tab-left li a {margin-right: 0; border-radius: 0;}
    .tab-left > li.current > a, .tab-left > li.current > a:hover, .tab-left > li.current > a:focus {margin-right: 0; border-radius: 0;}
    .label {width: 100%;}
    .fields {width: 100%;}

    .leftPanel {float: none; width: 100%; padding-right: 0px;}
    .rightPanel { float: none; width: 100%; padding-left: 0px;}
    .middlePanel {width: 100%;}

    .gallOptionDiv{display:block;}
    .select, .ProductpageView, .selectProNo-top{width: 100%; text-align: center;}
    .productListDiv {display: inline-block;}
    .productListImage {width: 100%;}
    .productListDesc {width: 100%; padding: 15px 0;} 
    .bizPro-info-summary .protitle h1, .productListName {text-align: center;}
    .productListDesc {text-align: center;}

    .prodListbtnImg {float: none; margin: 10px 0; display: block;}

    .col-4 {width: 50%;}

    .bizPro-info-img {width: 100%;}
    .bizPro-info-summary {width: 100%; padding: 15px 0 0; text-align: center;}
    #accordion .content-title {font-size: 14px;}
    
    .pagination{display: block; width:auto;}
    .prodGallInfo{}
    
    .col-5 {width: 50%;}
   
    .footer ul li {display: inline-flex; margin: 5px;}
    .veri-comp-name {font-size: 20px; padding: 55px 0 10px 0;} 
    .custom_content img{width:100%;}
    .contact-us {display: block;}
    .cont-Info-profile {width: 100%;}
    .Contact-Form {width: 100%; padding: 0;}
    .map-and-details {width: 100%; margin-top: 15px;}
    .googleMap {width: 100%; margin-top: 15px;}
    .googleMap .map {height: 175px;}

    .manage-info-wrapper, .manage-info-description{text-align: center;}
    
    .verified-info {background-image:none; background-repeat: no-repeat; padding:0; }
    .veri-comp-name {padding: 0; margin: 15px 0;}
    .card {left: 5%; width: 90%;}
    .cardBgbizmax {padding: 10px;}
    .verifiedLogo {position: relative;}
    .org {padding: 10px 0;}
    .cardmaincontent {display: block;}
    .cardLeft {width: 100%; float: none; padding-right: 0px; margin-bottom: 15px; text-align:center;}
    .cardRight {width: 100%; float: none;}
   
    .reviews-button {text-align:center;}
    .rating-and-review, .NoRecords{width: 100%;}
    .divMainReviews {padding: 0px;}


    .modal-content {width: 90%;}
    #divProductShowcase {left: 2%; width: 270px;}
    .productShowcaseName {width: 250px;}
    .productShowcaseDescr {width: 250px;}
    .productShowcaseImg img{width: 250px; height: auto;}
    #divProductShowcase ul li {margin-right: 205px;}
    .review1 img{width:100%;}

    .productList h2::before {width: 80%; left: 10%;}
    .middlePanel h2::before {width: 80%; left: 10%;}
    .productThumbnailswrapper h2::before {width: 80%; left: 10%;}

    .footer-email {margin-right: 0px; display: block;}

    .see-all-products {display: none;}

}