@media(max-width:767px) {
    .brandlogo {
        text-align: center;
    }

    .topbarright .toarea ul {
        text-align: center;
        margin-bottom: 5px;
    }

    .topbarright .toarea ul li {
        display: inline-block;
        margin: 0;
    }

    .topbarright .toarea ul li:first-child {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }

    .topbarright .toarea ul li a {
        font-size: 14px;
    }

    .bottomarea .col-sm-8 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 5px;
    }

    .bottomarea .col-sm-4 {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 5px;
    }

    .bottomarea .form-group {
        position: relative;
        margin: 0 0 5px 0;
    }

    .topbarright .toarea ul li:last-child {
        padding: 6px 10px;
    }

    .brandlogo img {
        margin-top: 5px;
        height: 70px;
    }

    .bottom-login a {
        font-size: 14px;
    }

    .bottom-login .dropdown button {
        font-size: 14px;
    }

    .bottom-login ul {
        display: block;
    }

    .bottom-login {
        text-align: center;
        margin-bottom: 5px;
    }

    .mainnav .navbar-nav {
        text-align: left;
        display: flex;
    }

    .mainnav .navbar-nav .nav-item {
        border-right: none;
        padding: 10px 0 0 0;
        text-align: left;
    }

    .mainnav {
        padding: 10px 0;
    }

    .bannerarea .banner-brand ul li img {
        height: 40px;
    }

    .bannerarea .banner-brand {
        height: auto;
        margin-bottom: 15px;
    }

    .bannerarea .pr-0 {
        padding-right: 15px !important;
    }

    .bannerarea .banner-brand ul li {
        padding: 5px 11px;
    }

    .middlebanner h1 {
        font-size: 23px;
    }

    .middlebanner h2 {
        font-size: 18px;
    }

    .middlebanner h3 {
        font-size: 15px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .middlebanner {
        height: auto;
        margin-bottom: 15px;
    }

    .bannerarea .pl-0 {
        padding-left: 15px !important;
    }

    .banner-login {
        margin-bottom: 15px;
        border: 1px solid #d2d2d2;
    }

    .total-right {
        height: auto;
        background: transparent;
        border: none;
    }

    .banner-subscribe {
        border: 1px solid #d2d2d2;
    }

    .sec1-inner h4 {
        position: relative;
        top: 0;
        -ms-transform: inherit;
        transform: inherit;
    }

    .bannerarea {
        margin: 15px 0;
    }

    .sec1 {
        margin-bottom: 15px;
    }

    .sec2-item {
        margin-bottom: 15px;
        height: auto;
    }

    .sec2-bottom-text {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .product h4 {
        font-size: 20px;
    }

    .product a {
        font-size: 13px;
        margin-top: 3px;
    }

    .sec2-bottom-text p {
        font-size: 14px;
    }

    .sec1-inner p {
        font-size: 14px;
    }

    .sec1-inner h4 {
        font-size: 18px;
    }

    .sec2-item .imgarea {
        height: auto;
    }

    .sec2-item img {
        padding-bottom: 15px;
    }

    .product .p-item {
        /* display: block; */
        margin-top: 15px;
    }

    .product .p-item .p_img {
        /* width: 100%; */
        padding-top: 25px;
        padding-left: 5px;
        padding-right: 5px;
    }

    .product .p_text {
        /* width: 100%; */
    }

    .sec6 {
        margin-top: 0;
        margin-bottom: 30px;
        padding-bottom: 0;
    }

    .sec6 h4 {
        font-size: 20px;
    }

    .newletterarea_inner {
        padding: 15px;
        margin-bottom: -70px;
        text-align: center;
    }

    .newletterarea_inner h4 {
        font-size: 20px;
    }

    .newletterarea_inner p {
        font-size: 12px;
    }

    .subscribearea .subsc-btn {
        font-size: 14px;
        padding: 0 23px;
    }

    .sec5 {
        margin-bottom: 30px;
    }

    .subscribearea .form-control {
        font-size: 15px;
        padding-left: 15px;
        padding-right: 39%;
    }

    .footer-inner h5 {
        font-size: 20px;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .footer-inner h6 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .footer-inner p {
        font-size: 15px;
        margin-bottom: 15px;
        padding-right: 0;
    }

    .footerinner2 ul li a {
        font-size: 15px;
        padding-bottom: 8px;
    }

    .main-footer {
        padding-bottom: 30px;
        padding-top: 70px;
    }

    .copyright {
        padding: 15px 0;
    }

    .copyright p {
        font-size: 14px;
    }

    .bottomarea .pl-0 {
        padding-left: 15px !important;
    }

    .product-list-rightinner {
        text-align: left;
    }

    .mostpopular {
        padding-top: 30px;
        padding-bottom: 0;
        margin-bottom: 30px;
    }

    .product-list {
        margin: 30px 0 0 0;
    }

    .left-panel {
        margin-bottom: 30px;
    }

    /*******************************/
    .product-de-text h4 {
        font-size: 18px;
    }

    .product-de-text .product-details-text li {
        font-size: 14px;
    }

    .product-de-text b {
        margin-bottom: 10px;
    }

    .size-qnt {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .des-text {
        margin: 30px 0;
    }

    .des-text-item h5 {
        font-size: 20px;
    }

    .des-text-item h6 {
        font-size: 15px;
        margin-top: 20px;
    }

    .des-text-item p {
        font-size: 14px;
        padding-bottom: 2px;
    }

    .des-text-item .table td {
        font-size: 14px;
    }

    .des-text-item .table td:nth-child(odd) {
        width: auto;
    }

    .des-text-item img {
        margin-top: 10px;
    }

    .re-inner img {
        width: 100%;
    }

    .re h5 {
        margin-top: 7px;
    }

    .wi20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .view_text h5 {
        height: auto;
    }

    .Recommended-products {
        padding-bottom: 30px;
    }

    /**********************************/
    .cartpage .table tr td h5 {
        font-size: 14px;
        width: 100%;
    }

    .product-cart-total {
        margin-top: 15px;
    }

    /*******************************/
    .checkout {
        background: #fff;
        padding: 0;
    }

    .checkout-inner h5 span {
        float: left;
        margin: 10px 0;
    }

    .pl-0 {
        padding-left: 15px !important;
    }

    .git-card .form-control {
        width: 75%;
    }

    .git-card .apply-btn {
        width: 22%;
    }

    .checkout-right table tr td {
        font-size: 13px;
    }

    /******************************/
    .contact-banner h5 {
        font-size: 20px;
        width: 100%;
        margin-bottom: 6px;
        line-height: 27px;
    }

    .contact-banner h6 {
        font-size: 20px;
    }

    .con-page-banner {
        padding: 15px;
        margin-bottom: 30px;
    }

    .contact-chat-inner img {
        margin-bottom: 15px;
        height: 50px;
    }

    .contact-chat-inner h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .contact-chat-inner p {
        font-size: 14px;
        margin-bottom: 10px;
    }

    .sub-contact-chat-inner h6 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .sub-contact-chat-inner a {
        font-size: 14px;
    }

    .sub-contact-chat-inner {
        padding: 6px 0;
        height: auto;
    }

    .chat-now-btn {
        font-size: 14px;
        padding: 10px 40px;
        margin-top: 0;
    }

    .sub-contact-chat-inner p {
        margin-bottom: 0;
    }

    .sub-contact-chat-inner span {
        font-size: 14px;
        padding: 0 15px;
    }

    .contact-form-inner {
        padding: 25px;
        width: 100%;
        padding-bottom: 10px;
    }

    .contact-form {
        margin-bottom: 30px;
    }

    .contact-chat {
        margin-bottom: 30px;
    }

    .contact-form-inner h5 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .contact-form-inner p {
        font-size: 14px;
        margin-bottom: 20px;
    }

    .contact-form-inner .form-group label {
        font-size: 14px;
    }

    .map {
        margin-bottom: 30px;
    }

    .send-btn {
        font-size: 14px;
        padding: 10px 40px;
        margin-top: 10px;
    }

    /****************************/
    .about h4 {
        margin: 10px 0;
    }

    .about p {
        font-size: 14px;
    }

    .about2-inner {
        padding: 25px 15px;
    }

    .about2 h6 {
        font-size: 16px;
    }

    .about2 h5 {
        font-size: 18px;
        margin: 10px 0;
    }

    .about2 p {
        font-size: 16px;
        width: 100%;
        line-height: 20px;
    }

    .about2 {
        margin-bottom: 30px;
    }

    .about3 h5 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .about3-inner h6 {
        font-size: 20px;
        margin-top: -38px;
        margin-bottom: 0;
    }

    .about3 {
        margin-bottom: 0;
    }

    .donate {
        margin-bottom: 30px;
    }

    /*******************************/
    .page-heading h4 {
        font-size: 20px;
    }

    .emergencypage-banner-inner {
        padding: 15px;
        margin-bottom: 30px;
    }

    .emergencypage-banner-inner h5 {
        font-size: 20px;
        width: 82%;
        line-height: 25px;
        margin-bottom: 5px;
    }

    .emergencypage-banner-inner h6 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .emergencypage-banner-inner img {
        right: 10px;
        height: 80px;
    }

    .emargency-kit h5 {
        font-size: 20px;
    }

    .emargency-kit p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .emargency-kit-inner h5 {
        padding: 10px 15px;
    }

    .emargency-kit-inner ul {
        padding: 10px 15px;
    }

    .hoursproducts .heading h4 {
        font-size: 16px;
    }

    .hoursproducts .heading a {
        font-size: 12px;
        line-height: 27px;
    }

    .hoursproducts .heading {
        display: inline-block;
        width: 100%;
    }

    /*********************************/
    .health-kit-inner .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .health-kit-inner h6 {
        margin: 0;
    }

    .health-kit-inner select {
        margin-top: 15px;
        width: 100%;
    }

    .custom-form-control input {
        width: 100%;
    }

    .health-kit-inner .custom-file-upload {
        padding: 10px 12px;
        font-size: 13px;
    }

    .submit-btn {
        padding: 10px 26px;
        margin-left: 0;
        font-size: 13px;
        width: auto;
        float: right;
    }

    .health-kit .emargency-kit-inner ul {
        padding-bottom: 0;
        padding-top: 0;
    }

    .ph-number .form-control {
        width: 89%;
    }

    .health-medial-sup h4 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .health-medial-sup p {
        font-size: 16px;
        line-height: 22px;
    }

    .health-medial-sup ul {
        width: 100%;
    }

    .emergencypage-banner-inner p {
        font-size: 13px;
        width: 80%;
    }

    .emergencypage-banner-inner p span {
        font-size: 15px;
    }

    .medial-sup h5 {
        width: 100%;
    }

    .contact-banner p {
        font-size: 13px;
        width: 80%;
    }

    .contact-banner p span {
        font-size: 15px;
    }

    .contact-form iframe {
        margin-top: 15px;
        height: auto;
    }

    .product-list-rightinner h6 {
        width: 100%;
    }

    .brochurepdf .modal-dialog {
        margin: 1.5rem;
    }
    .fire-img img{
        height: auto;
    }
    .fire-img3 img{width: 100%;}
    .home-communications-products .fire-img img {
    height: auto;
    object-fit: inherit;
}
    .safetypage-banner-inner{    padding: 15px;
    margin-bottom: 30px;}
    .safetypage-banner-inner h5{font-size: 20px;
    width: 82%;
    line-height: 25px;
    margin-bottom: 5px;} 
    .safetypage-banner-inner p{    font-size: 13px;
    width: 80%;}
    .safetypage-banner-inner p span {
    font-size: 15px;
}
    .safetypage-banner-inner h6{    font-size: 20px;
    margin-bottom: 15px;}
}

/****************************************/
@media(min-width:768px) and (max-width:991px) {
    .mainnav .navbar-nav {
        text-align: left;
        display: flex;
    }

    .mainnav .navbar-nav .nav-item {
        border-right: none;
        padding: 10px 0 0 0;
        text-align: left;
    }

    .mainnav {
        padding: 10px 0;
    }

    .topbarright .toarea ul li:first-child {
        padding-right: 5px;
        margin-right: 2px;
    }

    .topbarright .toarea ul li a {
        font-size: 14px;
    }

    .topbarright .toarea ul li {
        margin: 5px 0;
    }

    .topbarright .toarea ul li:last-child {
        padding: 6px 8px;
    }

    .bottom-login a {
        font-size: 14px;
    }

    .bottom-login .dropdown button {
        font-size: 14px;
    }

    .loginarea {
        padding-right: 14px;
    }

    .bottom-login ul li {
        padding: 0 5px;
    }

    .bannerarea .pr-0 {
        padding-right: 15px !important;
    }

    .bannerarea .pl-0 {
        padding-left: 15px !important;
    }

    .bannerarea .banner-brand {
        height: auto;
        margin-bottom: 15px;
    }

    .bannerarea .banner-brand ul li img {
        height: 50px;
        margin-bottom: 5px;
    }

    .bannerarea .banner-brand ul li {
        padding: 0 14px;
    }

    .middlebanner h1 {
        font-size: 33px;
    }

    .middlebanner h2 {
        font-size: 17px;
    }

    .middlebanner h3 {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 30px;
    }

    .middlebanner {
        height: auto;
    }

    .total-right {
        height: auto;
        background: transparent;
        border: none;
        margin-top: 15px;
    }

    .banner-subscribe {
        border: 1px solid #d2d2d2;
    }

    .banner-login {
        border: 1px solid #d2d2d2;
        margin-bottom: 15px;
    }

    .banner-subscribe img {
        width: auto;
        margin-top: 0;
    }

    .sec1-inner p {
        font-size: 14px;
    }

    .sec2-item {
        height: 625px;
    }

    .sec2-bottom-text p {
        font-size: 14px;
    }

    .product .p-item {
        display: block;
    }

    .product .p-item .p_img {
        width: 100%;
    }

    .product .p_text {
        width: 100%;
    }

    .product h4 {
        font-size: 20px;
    }

    .product a {
        font-size: 13px;
    }

    .product .p_text h5 {
        font-size: 15px;
    }

    .sec2-item .imgarea {
        height: 240px;
    }

    .sec6 h4 {
        font-size: 20px;
    }

    .sec4-item p {
        font-size: 14px;
    }

    .sec4-item h5 {
        padding: 15px;
        padding-bottom: 0;
        font-size: 16px;
    }

    .sec6 {
        padding: 30px 0 10px 0;
        margin-bottom: 30px;
    }

    .newletterarea_inner {
        padding: 15px;
        margin-bottom: -40px;
    }

    .newletterarea_inner h4 {
        font-size: 20px;
    }

    .newletterarea_inner p {
        font-size: 12px;
    }

    .subscribearea .subsc-btn {
        font-size: 15px;
        padding: 0 20px;
    }

    .subscribearea {
        margin-top: 0;
    }

    .main-footer {
        padding-bottom: 30px;
        padding-top: 60px;
    }

    .footer-inner h5 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .footer-inner h6 {
        font-size: 23px;
        margin-bottom: 15px;
    }

    .footerinner2 ul li a {
        font-size: 14px;
        padding-bottom: 8px;
    }

    .social {
        margin-bottom: 20px;
    }

    /******************************/
    .product-de-text h4 {
        font-size: 18px;
    }

    .product-de-text b {
        margin-bottom: 10px;
    }

    .size-qnt {
        display: inline-block;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .product-de-text em {
        margin-bottom: 10px;
    }

    .des-text {
        margin-top: 50px;
    }

    .wi20 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    /****************************/
    .checkout-btn {
        padding: 14px 7px;
    }

    /******************************/
    .git-card .form-control {
        width: 75%;
    }

    .git-card .apply-btn {
        width: 22%;
    }

    /*************************************/
    .contact-banner h5 {
        font-size: 30px;
        line-height: 36px;
    }

    .contact-banner h6 {
        font-size: 30px;
    }

    .con-page-banner {
        padding: 50px 30px;
    }

    .contact-chat-inner img {
        height: 60px;
    }

    .contact-chat-inner h4 {
        font-size: 18px;
        height: 35px;
    }

    .contact-chat-inner p {
        font-size: 14px;
    }

    .sub-contact-chat-inner h6 {
        font-size: 16px;
    }

    .sub-contact-chat-inner a {
        font-size: 13px;
    }

    .chat-now-btn {
        font-size: 15px;
        padding: 8px 30px;
        margin-top: 9px;
    }

    .sub-contact-chat-inner span {
        font-size: 12px;
        padding: 0 0px;
    }

    .sub-contact-chat-inner {
        padding: 8px 0;
        height: 80px;
    }

    .contact-form-inner {
        padding: 25px;
        width: 100%;
    }

    /******************************************/
    .about h4 {
        margin-bottom: 15px;
    }

    .about p {
        font-size: 14px;
    }

    .about2-inner {
        padding: 50px 25px;
    }

    .about2 h5 {
        font-size: 20px;
    }

    .about2 p {
        font-size: 16px;
        width: 100%;
        line-height: 22px;
    }

    .about3 h5 {
        font-size: 20px;
    }

    .about3-inner h6 {
        font-size: 13px;
        margin-top: -31px;
    }

    /************************/
    .emergencypage-banner-inner h5 {
        font-size: 30px;
        width: 79%;
        line-height: 39px;
    }

    .emergencypage-banner-inner h6 {
        font-size: 30px;
        margin-bottom: 30px;
    }
.safetypage-banner-inner h5{
        font-size: 30px;
        width: 79%;
        line-height: 39px;
    }

    .safetypage-banner-inner h6 {
        font-size: 30px;
        margin-bottom: 30px;
    }
    .emergencypage-banner-inner img {
        height: 120px;
    }

    .emergencypage-banner-inner {
        padding: 50px 60px;
    }

    .emargency-kit-inner h5 {
        font-size: 13px !important;
        padding: 15px 10px;
    }

    .emargency-kit-inner ul li {
        font-size: 13px;
        margin-bottom: 6px;
        display: flex;
    }

    .emargency-kit-inner ul {
        padding: 15px 10px;
    }

    .health-kit-inner .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33%;
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .medial-sup .emergencypage-banner-inner h5 {
        width: 89%;
    }

    .ph-number .form-control {
        width: 80%;
    }

    .health-medial-sup ul li {
        font-size: 13px;
    }

    .contact-form iframe {
        margin-top: 15px;
        height: auto;
    }

    .brochurepdf .modal-dialog {
        margin: 1.5rem;
    }

    .topbarright .toarea ul li:first-child {
        vertical-align: top;
    }

    .topbarright .toarea ul li:first-child a em {
        display: inherit;
    }
    .fire-img3 img{width: 100%;}
.home-communications-products .fire-img img {
    height: 200px;
    object-fit: contain;
}
}

/****************************************/
@media(min-width:992px) and (max-width:1024px) {
    .topbarright .toarea ul li:first-child {
        padding-right: 5px;
        margin-right: 2px;
    }

    .topbarright .toarea ul li a {
        font-size: 14px;
    }

    .topbarright .toarea ul li {
        margin: 5px 0;
    }

    .topbarright .toarea ul li:last-child {
        padding: 6px 8px;
    }

    .bottom-login a {
        font-size: 11px;
    }

    .bottom-login .dropdown button {
        font-size: 14px;
    }

    .loginarea {
        padding-right: 2px;
    }

    .bottom-login ul li {
        padding: 0 2px;
    }

    .cart em span {
        font-size: 25px;
    }

    .mainnav .navbar-nav .nav-item a {
        font-size: 13px;
    }

    .mainnav .navbar-nav .nav-item {
        padding: 12px 8px;
    }

    .bannerarea .banner-brand ul li img {
        height: 40px;
    }

    .bannerarea .banner-brand ul li {
        padding: 2px 9px;
    }

    .middlebanner h1 {
        font-size: 33px;
    }

    .middlebanner h2 {
        font-size: 20px;
    }

    .middlebanner h3 {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 30px;
    }

    .banner-subscribe .news {
        width: 100%;
    }

    .banner-subscribe .card h3 {
        font-size: 12px;
    }

    .banner-login h3 {
        font-size: 10px;
        line-height: 13px;
        margin-bottom: 5px;
    }

    .banner-login .form-group {
        margin-bottom: 4px;
    }

    .banner-subscribe .card h3 {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .banner-subscribe .card h3 span {
        font-size: 10px;
    }

    .banner-login .form-group span {
        font-size: 10px;
        width: 50%;
    }

    .total-right {
        height: 560px;
    }

    .middlebanner {
        height: 560px;
    }

    .bannerarea .banner-brand {
        height: 560px;
    }

    .sec1-inner p {
        font-size: 14px;
    }

    .sec2-item .imgarea {
        height: 165px;
    }

    .sec2-item {
        height: 745px;
    }

    .sec2-bottom-text p {
        font-size: 14px;
    }

    .product h4 {
        font-size: 20px;
    }

    .product .p_text h5 {
        font-size: 15px;
    }

    .product .p_text .add-to-cart-btn {
        font-size: 12px;
        padding: 9px;
    }

    .product .p_text .wishlist-btn span {
        font-size: 15px;
    }

    .product .p_text {
        padding: 10px;
    }

    .sec4-item h5 {
        font-size: 15px;
        padding-bottom: 0;
    }

    .sec4-item p {
        font-size: 14px;
    }

    .newletterarea_inner {
        padding: 30px 50px;
    }

    /***********************/
    .product-list .view_text-area {
        padding: 15px 10px;
    }

    .product-list .view_text .add-to-cart-btn {
        font-size: 12px;
        padding: 9px 8px;
    }

    .product-list .view_text .wishlist-btn {
        padding: 6px 10px;
        margin-left: 0px;
    }

    .product-list .view_text .wishlist-btn span {
        font-size: 13px;
    }

    /*****************************/
    .Recommended-products .view_text .add-to-cart-btn {
        padding: 9px;
    }

    .Recommended-products .view_text-area {
        padding: 15px 10px;
    }

    .Recommended-products .view_text .wishlist-btn {
        padding: 6px 8px;
        margin-left: 2px;
    }

    .Recommended-products .view_text p {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    /******************************/
    .contact-banner h5 {
        font-size: 42px;
    }

    .contact-banner h6 {
        font-size: 42px;
    }

    .contact-chat-inner h4 {
        font-size: 20px;
    }

    .sub-contact-chat-inner span {
        font-size: 14px;
        padding: 0 20px;
    }

    /**************************************/
    .about3-inner h6 {
        font-size: 22px;
    }

    .about2-inner {
        padding: 80px 25px;
    }

    .about h4 {
        margin-bottom: 10px;
    }

    /************************************/
    .emargency-kit-inner h5 {
        font-size: 16px !important;
    }

    /********************************/
    .medial-sup .emergencypage-banner-inner h5 {
        width: 95%;
    }

    .health-kit-inner .ch label {
        font-size: 13px;
    }

    .ph-number .form-control {
        width: 86%;
    }

    .ph-number .form-control {
        width: 86%;
    }

    .emergencypage-banner-inner h5 {
        width: 83%;
    }
    .safetypage-banner-inner h5{
        width: 83%;
    }
.fire-img3 img{width: 100%;}
    .firepro .col-sm-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
}

/****************************************/
@media(min-width:1025px) and (max-width:1366px) {
    .middlebanner h1 {
        font-size: 38px;
    }

    .middlebanner h2 {
        font-size: 17px;
    }

    .middlebanner h3 {
        font-size: 15px;
        line-height: 23px;
        margin-bottom: 74px;
    }

    .bannerarea .banner-brand ul li img {
        height: 48px;
    }

    .banner-subscribe .news {
        width: 120px;
    }

    .banner-login .form-group {
        margin-bottom: 5px;
    }

    .total-right {
        height: 590px;
    }

    .middlebanner {
        height: 590px;
    }

    .bannerarea .banner-brand {
        height: 590px;
    }

    .sec1-inner p {
        font-size: 15px;
    }

    .sec2-item {
        height: 640px;
    }

    .sec2-item .imgarea {
        height: 225px;
    }

    .sec2-bottom-text p {
        font-size: 15px;
    }

    .product h4 {
        font-size: 22px;
    }

    .sec6 h4 {
        font-size: 22px;
    }

    /***************************************/
    .about3-inner h6 {
        font-size: 22px;
    }

    .contact-banner h5 {
        font-size: 40px;
        width: 39%;
        line-height: 42px;
    }

    .contact-banner h6 {
        font-size: 40px;
    }

    /*********************************/
    .emergencypage-banner-inner h5 {
        font-size: 40px;
        line-height: 42px;
    }

    .emergencypage-banner-inner h6 {
        font-size: 40px;
        margin-bottom: 70px;
    }

    .mainnav .navbar-nav .nav-item {
        padding: 12px 18px;
    }

    .ph-number .form-control {
        width: 90%;
    }

.fire-img3 img{width: 100%;}
.bottom-login .dropdown button {
    font-size: 15px;
}
.banner-login .form-group span {
    font-size: 12px;
}
.emargency-kit p {
    font-size: 17px;
}
}

@media(min-width:1280px) and (max-width:1366px){
    .container {
        max-width: 85%;
    }
    .mainnav .navbar-nav .nav-item a {
        font-size: 15px;
    }
    .mainnav .navbar-nav .nav-item {
        padding: 12px 5px;
    }
    .topbarright .toarea ul li:first-child {
        padding-right: 15px;
        margin-right: 0px;
    }
    .topbar .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .topbar .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .topbarright .bottomarea .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .topbarright .bottomarea .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .bannerarea .banner-brand ul li img {
        height: 42px;
    }
    .banner-login .form-group span {
        font-size: 9px;
        width: 57%;
    }
    .middlebanner h3 {
        margin-bottom: 30px;
    }
    .middlebanner {
        height: 530px;
    }
    .bannerarea .banner-brand{height: 530px;}
    .total-right{height: 530px;}
    .sec2-item {
        height: 700px;
    }
    .view_text .add-to-cart-btn {
        font-size: 12px;
        padding: 9px 10px;
    }
    .view_text img {
        height: 175px;
    }
    .firepro .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .firepro .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .firepro .view_text .add-to-cart-btn {
        font-size: 11px;
        padding: 9px 8px;
        float: left;
    }
    .ch label {
        font-size: 12px;
    }
    .sec2-item .imgarea {
        height: 195px;
    }
    .emergencypage-banner-inner p span {
        font-size: 17px;
    }
    .emergencypage-banner-inner p {
        font-size: 14px;
    }
    .emergencypage-banner-inner h5 {
        font-size: 30px;
    }
    .mainnav .dropdown-menu{width: 230px;    padding: 5px 0;}
    .mainnav .dropdown .dropdown-menu .dropdown-item {
        padding: 6px;
    padding-left: 6px;
        font-size: 12px;
    }
}
@media(min-width:1367px) and (max-width:1440px){
    .container {
        max-width: 85%;
    }
    .mainnav .navbar-nav .nav-item a {
        font-size: 15px;
    }
    .mainnav .navbar-nav .nav-item {
        padding: 12px 10px;
    }
    .topbarright .toarea ul li:first-child {
        padding-right: 15px;
        margin-right: 0px;
    }
    .middlebanner h1 {
        font-size: 42px;
    }
    .topbar .col-sm-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .topbar .col-sm-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 80%;
        max-width: 80%;
    }
    .topbarright .bottomarea .col-lg-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 30%;
        max-width: 30%;
    }
    .topbarright .bottomarea .col-lg-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 70%;
        max-width: 70%;
    }
    .bannerarea .banner-brand ul li img {
        height: 46px;
    }
    .banner-login .form-group span {
        font-size: 9px;
        width: 57%;
    }
    .middlebanner h3 {
        margin-bottom: 30px;
    }
    .middlebanner {
        height: 576px;
    }
    .bannerarea .banner-brand{height: 576px;}
    .total-right{height: 576px;}
    .sec2-item {
        height: 675px;
    }
    .view_text .add-to-cart-btn {
        font-size: 12px;
        padding: 9px 10px;
    }
    .view_text img {
        height: 175px;
    }
    .firepro .col-sm-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .firepro .col-sm-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .firepro .view_text .add-to-cart-btn {
        font-size: 11px;
        padding: 9px 8px;
        float: left;
    }
    .ch label {
        font-size: 12px;
    }
    .sec2-item .imgarea {
        height: 220px;
    }
    .fire-img3 img {
        width: 100%;
    }
    .middlebanner h2{    font-size: 20px;}
    .emergencypage-banner-inner p span {
        font-size: 18px;
    }
    .emergencypage-banner-inner p {
        font-size: 15px;
    }
    .emergencypage-banner-inner h5 {
        font-size: 32px;
    }
    .mainnav .dropdown-menu{width: 230px;    padding: 5px 0;}
    .mainnav .dropdown .dropdown-menu .dropdown-item {
        padding: 6px;
    padding-left: 6px;
        font-size: 12px;
    }
}