/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains responsive Media Queries of the Template. You can edit/add anything in this file for responsive related changes!
*/

/*****************
================================================
(  Media Queries  )
================================================
*******************/

/*************************
       1700px
*************************/
@media (max-width: 1700px) {
    /*home-4  */
    /* about-1 */
    .scroll-down {
        bottom: 30px;
    }

    /*************************************
                 V2.5
    **************************************/

}

@media (max-width: 1500px) {
    /*home-4  */
    /*home 9*/
    /*************************************
                 V2.5
    **************************************/

}

@media (max-width: 1400px) {
    /*contact*/
    /*home-9*/
    /*************************************
                 v1.0.3
    **************************************/
    /*************************************
                 v1.0.4
    **************************************/
    /*************************************
                 v1.3
    **************************************/
    /*************************************
                 v2.5
    **************************************/

}

@media (max-width: 1272px) {
    /*home-5*/
    /*about-1 page*/
    /*about me*/
    /*blog timeline*/
    /*error*/
    /* about-1 */
    /*************************************
                 v2.5
    **************************************/

}

@media (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}

@media (max-width: 1200px) {
    h2 {
        font-size: 28px;
    }

    h4 {
        font-size: 18px;
    }

    .title-effect::before {
        height: 25%;
        bottom: 4px;
    }

    /*home2*/
    /*home 9*/
    .nav.nav-tabs li a {
        margin-right: 5px;
        margin-bottom: 0px;
    }

    /*medical*/
    /*404 error*/
    .mega-menu .menu-links > li > a {
        padding: 0 10px;
    }

    /*************************************
                 v1.0.3
    **************************************/
    /*************************************
                 v1.0.4
    **************************************/
    /*************************************
                 v1.0.7
    **************************************/
    /*************************************
                 v1.0.8
    **************************************/
    /*************************************
                 v1.0.9
    **************************************/
    /*************************************
                 v1.2
    **************************************/
    /*************************************
                 v1.5
    **************************************/
    /*************************************
                 v1.5
    **************************************/
    /*************************************
                 v3.2
    **************************************/
    /*************************************
                 v3.3
    **************************************/

}

/*@media only screen and (min-width: 992px) and (max-width: 1500px) {
.vertical-header .container { max-width: auto;  }
}*/
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .container {
        max-width: 94%;
    }

    /* about-1 */

}

@media (max-width: 1025px) {
    .mega-menu .menu-links > li > a {
        padding: 10px 8px;
    }

    /*error*/
    /*blog timeline*/
    /*process*/
    /*medical*/
    /*************************************
                 v1.0.2
    **************************************/
    /*************************************
                 v1.0.6
    **************************************/
    /*************************************
                 v1.0.7
    **************************************/
    /*************************************
                 v1.0.9
    **************************************/
    /*************************************
                 v1.2
    **************************************/
    /*************************************
                 v1.3
    **************************************/
    /*************************************
                 v3.0
    **************************************/

}

@media only screen and (min-width: 768px) and (max-width: 999px) {
    .container {
        max-width: 96%;
    }
}

@media (max-width: 991px) {

    /*************************
         Margin top
    *************************/
    .sm-mt-0 {
        margin-top: 0 !important;
    }

    .sm-mt-50 {
        margin-top: 50px !important;
    }

    /*************************
       Margin right
   *************************/
    /*************************
       Margin bottom
   *************************/
    .sm-mb-30 {
        margin-bottom: 30px !important;
    }

    /*************************
        Margin left
    *************************/
    /*************************
      Padding top
  *************************/
    /*************************
       Padding right
   *************************/
    .sm-pr-0 {
        padding-right: 0 !important
    }

    /*************************
       Padding bottom
   *************************/
    /*************************
       Padding left
   *************************/
    .sm-pl-0 {
        padding-left: 0 !important
    }

    h2 {
        font-size: 25px;
        line-height: 35px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 17px;
    }

    h5 {
        font-size: 15px;
    }

    .section-title {
        margin-bottom: 30px;
    }

    /*home-1*/
    /*header*/
    /*menu*/
    .mega-menu {
        min-height: 60px;
    }

    .mega-menu .menu-logo > li > a {
        padding: 0;
    }

    .mega-menu .menu-logo {
        padding: 10px 0;
    }

    .mega-menu .menu-logo img {
        height: 30px;
        margin: 5px 0;
    }

    .mega-menu .menu-links {
        overflow: auto;
    }

    .mega-menu .drop-down {
        border-top: 0px !important;
    }

    /*fancy*/
    /*one page*/
    /*megamenu*/
    .mega-menu > section.menu-list-items {
        height: 60px !important;
    }

    .search .search-btn {
        line-height: 30px;
    }

    .mega-menu .menu-links {
        padding: 10px;
    }

    /*sticky header */
    .mega-menu .drop-down {
        padding: 0;
    }

    /* header */
    /*.page-title*/
    .page-title {
        padding-top: 100px;
        text-align: left;
    }

    /*inner-intro*/
    /*page two sidebar*/
    /*clients-logo*/
    /*contact*/
    /*action box*/
    /*home 6 */
    /*maintenance*/
    .menu-bar {
        float: none;
    }

    .mega-menu .menu-links > li > a {
        line-height: normal;
    }

    .search-cart {
        display: inline-block;
        position: absolute;
        right: 60px;
        top: 0;
        z-index: 999;
    }

    .footer p {
        font-size: 13px;
    }

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

    /*blog pages*/
    .masonry.columns-3 .masonry-item {
        width: 47%;
    }

    /*portfolio*/
    .masonry.columns-4 .masonry-item {
        width: 50%;
    }

    /*process*/
    /*resume page*/
    /*footer*/
    img#logo-footer {
        height: 30px;
    }

    /*shortcode*/
    /*blockquote*/
    /*buttons*/
    .button + .button {
        margin-left: 3px;
    }

    /*countdown*/
    /*actionbox*/
    /*construction*/
    /*gym*/
    /*medical*/
    /*one page*/
    /*shop*/
    /*portfolio-banner*/
    /*404 error*/
    .footer .divider {
        display: none;
    }

    ul.page-breadcrumb {
        padding-top: 10px;
    }

    .footer #logo-footer {
        height: 40px;
    }

    /*************************************
                 v1.0.2
    **************************************/
    /*************************************
                 v1.0.3
    **************************************/
    /*************************************
                 v1.0.4
    **************************************/
    /*************************************
                 v1.0.5
    **************************************/
    /*************************************
                 v1.0.6
    **************************************/
    /*************************************
                 v1.0.7
    **************************************/
    /*************************************
                 v1.0.7
    **************************************/
    /*************************************
                 v1.0.8
    **************************************/
    /*************************************
                 v1.0.9
    **************************************/
    /*************************************
                 v1.0.9
    **************************************/
    /*************************************
                 v1.2
    **************************************/
    /*************************************
                 v1.3
    **************************************/
    .search .search-btn {
        margin-top: 16px;
    }

    /*************************************
                 v1.3
    **************************************/
    /*************************************
                 v3.0
    **************************************/
    /*************************************
                 v3.2
    **************************************/
    /*************************************
                 v3.3
    **************************************/

}

@media (max-width: 767px) {
    /*************************
         Margin top
    *************************/
    .xs-mt-15 {
        margin-top: 15px !important;
    }

    .xs-mt-20 {
        margin-top: 20px !important;
    }

    /*************************
       Margin right
   *************************/
    /*************************
       Margin bottom
   *************************/
    .xs-mb-30 {
        margin-bottom: 30px !important;
    }

    /*************************
        Margin left
    *************************/
    /*************************
       Padding top
   *************************/
    /*************************
       Padding right
   *************************/
    /*************************
       Padding bottom
   *************************/
    /*************************
       Padding left
   *************************/
    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 26px;
    }

    .page-section-ptb {
        padding: 50px 0;
    }

    .page-section-pt {
        padding: 50px 0 0;
    }

    /*header topbar*/
    /*testimonial*/
    /*team*/
    /*accordian*/
    /*footer*/
    .footer-logo img {
        height: 60px;
        width: inherit;
    }

    img#logo-footer {
        height: 40px;
    }

    .copyright.mt-50 {
        margin-top: 10px !important;
    }

    /* Coming soon page */
    /*error*/
    /*portfolio*/
    /*about-1 page*/
    ul.page-breadcrumb {
        padding-top: 30px;
    }

    .lead {
        font-size: 14px;
    }

    /*blog pages*/
    .masonry.columns-3 .masonry-item {
        width: 100%;
    }

    /* blog timeline */
    /*login 2*/
    /*maintenance*/
    /*portfolio*/
    .masonry.columns-4 .masonry-item {
        width: 100%;
    }

    /*shop*/
    /*process*/
    /*resume*/
    /*shortcode*/
    /*countdown*/
    /*datatables*/
    /*feature text*/
    /*tab*/
    /*gym*/
    /*one page*/
    /*mobile app*/
    /*product*/
    /*portfolio-banner*/
    /*404 error*/
    /*slider */
    .masonry {
        margin: 0;
    }

    /*************************************
                 v1.0.2
    **************************************/
    /*************************************
                 v1.0.3
    **************************************/
    /*************************************
                 v1.0.4
    **************************************/
    /*************************************
                 v1.0.6
    **************************************/
    /*************************************
                 v1.0.7
    **************************************/
    /*************************************
                 v1.0.8
    **************************************/
    /*************************************
                 v1.0.9
    **************************************/
    /*************************************
                 v2.5
    **************************************/
    /*************************************
                 v3.0.
    **************************************/
    /*************************************
                 v3.2
    **************************************/
    /*************************************
                 v3.3
    **************************************/

}

@media (max-width: 600px) {
    h3 {
        font-size: 22px;
    }

    .search-box {
        width: 210px;
    }

    /*cart*/
    /*action-box*/
    /*skills*/
    /*error*/
    /*maintenance*/
    /*portfolio*/
    /*============== New ==============*/
    /*about-1 page*/
    /*contact us*/
    /*our-history .timeline*/
    .feature-text .feature-icon {
        font-size: 38px;
    }

    .skill {
        margin: 60px 0 20px;
    }

    /*blog pages*/
    .social.float-right {
        float: none;
        margin-top: 10px;
        display: block;
        width: 100%;
    }

    .search-box {
        width: 210px;
    }

    /*team single*/
    /*shortcode*/
    /*testimonial*/
    /*shortcode*/
    /*shortcode*/
    /*popup-video-banner*/
    /*gym*/
    .tab .nav.nav-tabs li {
        margin-bottom: 0px;
    }

    /*testimonial*/
    /*************************************
                 v1.0.2
    **************************************/
    /*************************************
                 v1.0.3
    **************************************/
    /*************************************
                 v1.0.4
    **************************************/
    /*************************************
                 v1.0.5
    **************************************/
    /*************************************
                 v1.0.6
    **************************************/
    /*************************************
                 v1.0.7
    **************************************/
    /*************************************
                 v1.0.8
    **************************************/
    /*************************************
                 v1.0.9
    **************************************/
    /*************************************
                 v1.2
    **************************************/
    .login-box-02 {
        padding: 20px;
    }

    .login-signup .login-box-02 {
        padding: 30px;
    }

    /*************************************
                 v1.3
    **************************************/
    /*************************************
                 v1.3
    **************************************/
    .section-title h2 {
        font-size: 34px;
        line-height: 34px;
    }

    /*************************************
                 v1.3
    **************************************/
    .masonry.columns-3 .masonry-item, .masonry.columns-4 .masonry-item {
        padding-right: 0;
    }

    /*************************************
                 v3.3
    **************************************/

}

@media (max-width: 767px) {
    .container {
        max-width: 100%;
    }
}

@media (max-width: 479px) {

    /*************************
         Margin top
    *************************/
    /*************************
        Margin right
    *************************/
    /*************************
       Margin bottom
   *************************/
    /*************************
        Margin left
    *************************/
    /*************************
       Padding top
   *************************/
    /*************************
       Padding right
   *************************/
    /*************************
       Padding bottom
   *************************/
    /*************************
       Padding left
   *************************/
    h2 {
        font-size: 22px;
        line-height: 30px;
    }

    /*index*/
    /* header */
    /*action box*/
    /*coming soon*/
    /*error*/
    /*maintenance*/
    .nav.nav-tabs li {
        display: block;
        float: none;
        margin-bottom: 10px;
        text-align: center;
    }

    /*testimonial page*/
    /*blog*/
    /*shop*/
    /*mobile app*/
    /*one page*/
    /*side panel*/
    /* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
    .image-content {
        width: 100%;
        margin-right: 0;
    }

    /*************************************
                 v1.0.3
    **************************************/
    /*************************************
                 v1.0.4
    **************************************/
    /*************************************
                 v1.0.4
    **************************************/
    /*************************************
                 v1.0.7
    **************************************/
    /*************************************
                 v1.0.7
    **************************************/
    /*************************************
                 v1.0.9
    **************************************/
    /*************************************
                 v1.2
    **************************************/
    /*************************************
                 v1.2
    **************************************/
    .section-title h2 {
        font-size: 24px;
    }

    /*************************************
                 v1.2
    **************************************/
    .tab .nav.nav-tabs li a {
        margin-bottom: 5px;
    }

    /*************************************
                 v3.3
    **************************************/
}

/***************************************
*************************************** 

S K I N


NOTE: This is color stylesheet of Color Scheme.
**************************************
***************************************/

/*************************
		General
*************************/
/** selection **/
*::-moz-selection {
    background: #be0017;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #be0017;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #be0017;
    color: #fff;
    text-shadow: none;
}

/*************************
	 Background Color
*************************/

.button, .dropcap, .btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .portfolio-item .portfolio-overlay, .section-title:nth-child(odd) .title-effect::before, #back-to-top .top {
    background: #be0017;
}

.skill-bar, .button.button-border:hover, .button.button-border:focus, .tab .nav.nav-tabs > li > a.active, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:focus {
    background: #be0017;
}

/*************************
        Color
*************************/

a, button, input, .theme-color, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .mega-menu .menu-links > li.active a, ul.list li:after, .footer-useful-link ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, .mega-menu .drop-down a:hover, .search .search-btn:hover, .search .search-box i:hover, .dropcap.dropcap-border, #two + label:before, #two + label:after, .remember-checkbox a, .button.white {
    color: #be0017;
}

/*************************
	 Border Color
*************************/

.button, .btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .mega-menu .menu-links > li a:hover, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    border-color: #be0017;
}

/*border left border right*/

/*************************
 important
*************************/

/*************************
	dark color
*************************/

/*************************
	box shadow
*************************/
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 121, 108, 0.5);
}

/*************************
	 Rgba Background Color
*************************/
/*

Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This is color stylesheet of Color Scheme.

*/

/*************************
		General
*************************/
/** selection **/
*::-moz-selection {
    background: #be0017;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #be0017;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #be0017;
    color: #fff;
    text-shadow: none;
}

/*************************
	 Background Color
*************************/

#back-to-top .top {
    background: #be0017;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    background: #be0017;
}

/*************************
        Color
*************************/

a, button, input, a:focus, a:hover, .mega-menu .menu-links > li > a:hover, .footer-useful-link ul li a:hover, ul.page-breadcrumb li a:hover, .mega-menu .drop-down a:hover, .search .search-btn:hover, .search .search-box i:hover, ul.list li:after, .footer .usefull-link ul li a:hover, .footer .social ul li a i:hover, ul.page-breadcrumb li a:hover, #two + label:before, #two + label:after, .remember-checkbox a, .button.white {
    color: #be0017;
}

.search .search-box button:hover {
    color: #be0017;
}

/*************************
	 Border Color
*************************/

.button, .button.button-border, .button.button-border:hover, .button.button-border:focus, .nav.nav-tabs > li > a.active:focus, .nav.nav-tabs > li > a.active:hover, .mega-menu .menu-links > li.active a, .mega-menu .menu-links > li a:hover, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:focus, .dropcap.dropcap-border, .remember-checkbox label:before {
    border-color: #be0017;
}

.mega-menu .menu-links > li a:hover, .btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus {
    border-color: #be0017;
}

/*border left border right*/

/*************************
 important
*************************/
.badge-primary {
    background: #be0017 !important;
}

/*************************
	dark color
*************************/

/*************************
	box shadow
*************************/
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgba(255, 121, 108, 0.5);
}

/*************************
	 Rgba Background Color
*************************/