@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.8/dist/css/bootstrap.min.css");
body{font-family:'Roboto',sans-serif;font-size:16px;font-weight:400;font-display:swap}
img{border:none;vertical-align:middle}
.thumbnail{position:relative;overflow:hidden}
.caption{position:absolute;top:-44px;right:440px;background:rgba(66,139,202,.75);width:100%;height:100%;padding:2%;text-align:center;color:#fff!important;z-index:2;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
.thumbnail:hover .caption{top:0}


/* =========================================================
   MODERN GLOBAL CSS
   Compatible with existing class names
   ========================================================= */

:root {
    --primary: #0065b4;
    --primary-dark: #004b86;
    --secondary: #ff8000;
    --success: #049f03;
    --danger: #fb0a0e;
    --warning: #f59e0b;
    --text: #333333;
    --muted: #6b7280;
    --light: #f8f9fa;
    --border: #e5e7eb;
    --white: #ffffff;
    --black: #111111;

    --radius-sm: 4px;
    --radius: 8px;
    --radius-lg: 12px;

    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
    --shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.12);

    --transition: all 0.25s ease;
}


/* =========================================================
   RESET
   ========================================================= */

*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    padding: 0;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.7;
    color: var(--text);
    background: #ffffff;
}

img,
svg,
video,
canvas,
object,
embed {
    max-width: 100%;
    height: auto;
}

img {
    vertical-align: middle;
}

iframe {
    max-width: 100%;
    border: 0;
}


/* =========================================================
   LINKS
   ========================================================= */

a {
    outline: none;
    color: #333;
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
}

a:hover {
    color: var(--secondary);
    text-decoration: none;
}

a:focus-visible {
    outline: 3px solid rgba(255, 128, 0, 0.35);
    outline-offset: 3px;
    border-radius: 3px;
}

a:visited {
    color: inherit;
}


/* =========================================================
   COMMON TEXT
   ========================================================= */

.body_text,
.home_text,
.normal_text {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    color: var(--text);
    line-height: 1.8;
    text-align: justify;
}

.body_text {
    padding-left: 10px;
}

.home_text {
    padding-left: 10px;
}

.normal_text {
    padding: 0;
}

.body_text p,
.home_text p,
.normal_text p {
    margin-top: 0;
    margin-bottom: 1rem;
}


/* =========================================================
   LISTS
   ========================================================= */

.ul {
    margin: 0 0 0 8px;
    padding-left: 5px;
    list-style: none;
}

.none-f {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

.body_text li,
.home_text li {
    list-style: none;
    margin: 7px 0;
    padding: 2px 0 2px 28px;
    background-image: url("../images/yes.png");
    background-repeat: no-repeat;
    background-position: left 7px;
    background-size: 16px;
}


/* =========================================================
   HEADINGS
   ========================================================= */

.heading-h1 {
    margin: 0 0 20px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.2;
    color: #434141;
    font-weight: 900;
}

.heading-h2 {
    margin: 0 0 18px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: clamp(26px, 3.5vw, 38px);
    line-height: 1.25;
    color: #02a800;
    font-weight: 900;
}

.h1_text {
    margin: 0;
    padding: 0;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 13px;
    line-height: 1.7;
    color: #2d2d2d;
}

.h1_text li {
    list-style: none;
    margin: 5px 0;
    padding-left: 25px;
    background-image: url("../images/yes.png");
    background-repeat: no-repeat;
    background-position: left 5px;
}

.h2 {
    margin: 0 0 15px;
    padding-left: 2px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: clamp(25px, 3vw, 32px);
    line-height: 1.3;
    color: var(--primary);
    font-weight: 800;
    font-style: italic;
}

.h3 {
    margin: 0 0 12px;
    padding-left: 10px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: clamp(19px, 2.5vw, 23px);
    line-height: 1.4;
    color: #111;
    font-weight: 800;
}

.h4 {
    margin: 0 0 10px;
    padding-left: 10px;
    padding-bottom: 5px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 18px;
    line-height: 1.4;
    color: #333;
    font-weight: 800;
}


/* =========================================================
   SMALL / SPECIAL TEXT
   ========================================================= */

.redtext,
.error {
    width: 100%;
    margin: 6px 0;
    padding: 8px 10px;
    color: #fff;
    background: var(--danger);
    border: 1px solid #dc2626;
    border-radius: var(--radius-sm);
    font-size: 13px;
    line-height: 1.5;
}

.greentext {
    width: 100%;
    margin: 6px 0;
    padding: 8px 10px;
    color: #fff;
    background: var(--success);
    border: 1px solid #15803d;
    border-radius: var(--radius-sm);
    font-size: 13px;
    line-height: 1.5;
}

.red_text {
    color: #dc2626;
    font-family: "Droid Serif", Georgia, serif;
    font-size: 12px;
}

.green_12 {
    color: #299d09;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
}

.green {
    color: #0aa804;
    font-family: "Roboto", Arial, sans-serif;
}

.red {
    color: #fd0206;
    font-family: "Roboto", Arial, sans-serif;
}

.redfont {
    color: #dc2626;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.7;
    text-decoration: none;
}

.redfont a:hover {
    color: #0065b4;
    text-decoration: underline;
}

.bluetext {
    color: #0063dc;
    font-family: "Lato", Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
}

.orange {
    color: #ff6c00;
    font-weight: 700;
}

.jerr {
    color: #dc2626;
}

.grey {
    color: #888;
}

.greencolor10 {
    color: #168316;
    font-family: "Lato", Arial, sans-serif;
    font-size: 14px;
}

.orengecolor10 {
    color: #ff8000;
    font-family: "Lato", Arial, sans-serif;
    font-size: 10px;
}


/* =========================================================
   GENERIC TEXT
   ========================================================= */

.heading {
    margin: 0;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

.text {
    font-family: "Lato", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #000;
}

.titlemain {
    margin: 0 0 15px;
    font-family: "Lato", Arial, sans-serif;
    font-size: 24px;
    line-height: 1.3;
    color: #e0321f;
    font-weight: 700;
}


/* =========================================================
   MODERN BOXES
   ========================================================= */

.box_blue_ {
    padding: 20px;
    color: #fff;
    background: linear-gradient(
        135deg,
        #0065b4,
        #004b86
    );
    border-radius: var(--radius);
    box-shadow: var(--shadow);
}

.box_gry_color {
    padding: 20px;
    background: #f8f9fa;
    border: 1px solid var(--border);
    border-radius: var(--radius);
    box-shadow: var(--shadow-sm);
}


/* =========================================================
   FOOTER
   ========================================================= */

.footerbg {
    width: 100%;
    height: auto;
    margin-top: 30px;
    padding: 35px 0 25px;
    background: #111;
    border-top: 3px solid #333;
    border-radius: 0;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.footer {
    float: left;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 13px;
    color: #fff;
}

.footer a {
    padding: 0 3px;
    color: #ff8000;
    text-decoration: none;
}

.footer a:hover {
    color: #fff;
    text-decoration: underline;
}

.copyright {
    float: right;
    color: #ddd;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    text-align: right;
}

.copyright a {
    color: #fff;
    text-decoration: underline;
}

.copyright a:hover {
    color: #ff8000;
}


/* =========================================================
   FOOTER LINKS
   ========================================================= */

.link-f {
    margin: 0;
    padding: 0;
    list-style: none;
}

.link-f li {
    width: 100%;
    overflow: hidden;
    padding: 4px 0;
}

.link-f li a {
    color: #ddd;
    font-size: 15px;
    text-decoration: none;
}

.link-f li a:hover {
    color: #ff8000;
    text-decoration: none;
    padding-left: 3px;
}


/* =========================================================
   BUTTONS
   ========================================================= */

.btn-modern {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: var(--primary);
    border: 1px solid var(--primary);
    border-radius: 6px;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    cursor: pointer;
    transition: var(--transition);
}

.btn-modern:hover {
    color: #fff;
    background: var(--primary-dark);
    border-color: var(--primary-dark);
    transform: translateY(-1px);
    box-shadow: var(--shadow);
}

.btn-orange {
    background: var(--secondary);
    border-color: var(--secondary);
}

.btn-orange:hover {
    background: #e66f00;
    border-color: #e66f00;
}


/* =========================================================
   CARDS
   ========================================================= */

.modern-card {
    height: 100%;
    padding: 20px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
    transition: var(--transition);
}

.modern-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--shadow-lg);
}


/* =========================================================
   FORM ELEMENTS
   ========================================================= */

input,
textarea,
select {
    max-width: 100%;
    font-family: "Roboto", Arial, sans-serif;
}

.form-control-modern {
    width: 100%;
    min-height: 44px;
    padding: 10px 13px;
    color: #333;
    background: #fff;
    border: 1px solid #d1d5db;
    border-radius: 6px;
    outline: none;
    transition: var(--transition);
}

.form-control-modern:focus {
    border-color: var(--primary);
    box-shadow: 0 0 0 3px rgba(0, 101, 180, 0.12);
}


/* =========================================================
   TABLE
   ========================================================= */

.table-modern {
    width: 100%;
    border-collapse: collapse;
    background: #fff;
}

.table-modern th,
.table-modern td {
    padding: 12px 15px;
    border-bottom: 1px solid var(--border);
    text-align: left;
}

.table-modern th {
    color: #fff;
    background: var(--primary);
    font-weight: 700;
}

.table-modern tr:hover td {
    background: #f8fafc;
}


/* =========================================================
   UTILITY
   ========================================================= */

.hidden {
    display: none !important;
}

.clearfix::after {
    display: table;
    clear: both;
    content: "";
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.shadow-sm {
    box-shadow: var(--shadow-sm);
}

.shadow {
    box-shadow: var(--shadow);
}

.rounded {
    border-radius: var(--radius);
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 991px) {

    .body_text,
    .home_text,
    .normal_text {
        font-size: 15px;
    }

    .footer {
        float: none;
        margin-bottom: 15px;
        text-align: center;
    }

    .copyright {
        float: none;
        text-align: center;
    }
}


@media (max-width: 767px) {

    body {
        font-size: 15px;
    }

    .body_text,
    .home_text,
    .normal_text {
        padding-left: 0;
        font-size: 15px;
        line-height: 1.7;
        text-align: left;
    }

    .heading-h1 {
        font-size: 28px;
    }

    .heading-h2 {
        font-size: 26px;
    }

    .h2 {
        font-size: 25px;
    }

    .h3 {
        padding-left: 0;
        font-size: 20px;
    }

    .box_blue_,
    .box_gry_color {
        padding: 16px;
    }

    .footerbg {
        padding: 25px 15px 20px;
    }

    .copyright {
        font-size: 13px;
    }
}


@media (max-width: 480px) {

    .heading-h1 {
        font-size: 25px;
    }

    .heading-h2 {
        font-size: 23px;
    }

    .titlemain {
        font-size: 21px;
    }

    .btn-modern {
        width: 100%;
        text-align: center;
    }
}


/* =========================================================
   PRINT
   ========================================================= */

@media print {

    body {
        background: #fff;
        color: #000;
    }

    a {
        color: #000;
        text-decoration: none;
    }

    .footerbg {
        background: #fff;
        color: #000;
    }

    .footer,
    .copyright,
    .footer a {
        color: #000;
    }

    .hidden-print {
        display: none !important;
    }
}
div.pagination{padding:3px;margin:3px}
div.pagination a{padding:2px 5px;margin:2px;border:1px solid #AAD;text-decoration:none;color:#009}
div.pagination a:hover,div.pagination a:active{border:1px solid #009;color:#000}
div.pagination span.current{padding:2px 5px;margin:2px;border:1px solid #009;font-weight:700;background-color:#009;color:#FFF}
div.pagination span.disabled{padding:2px 5px;margin:2px;border:1px solid #EEE;color:#DDD}
/* =========================================
   TYPOGRAPHY
========================================= */

.small {
    font-size: 11px;
}

.medium {
    font-size: 13px;
}

.large {
    font-size: 16px;
    padding: 8px 14px 9px;
}

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }
.font15 { font-size: 15px; }
.font16 { font-size: 16px; }
.font17 { font-size: 17px; }
.font18 { font-size: 18px; }
.font19 { font-size: 19px; }
.font20 { font-size: 20px; }


/* =========================================
   BUTTON / COLOR CLASSES
========================================= */

.blue {
    background-color: #2daebf;
    color: #fff;
}

.magenta {
    background-color: #a9014b;
    color: #fff;
}

.orange {
    background-color: #ff5c00;
    color: #fff;
}


/* =========================================
   CONTENT BOXES
========================================= */

.bg_blue,
.bg_w {
    width: 100%;
    max-width: 380px;
    padding: 8px;
    margin: 4px 0;
    box-sizing: border-box;
    border-radius: 3px;
}

.bg_blue {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #004080;
    background-color: #f5f8ff;
    border-top: 1px solid #e1e7ff;
}

.bg_w {
    font-family: "Roboto", Arial, sans-serif;
    font-size: 12px;
    font-weight: 300;
    color: #333;
    background-color: #fff;
}


/* =========================================
   MESSAGES / STATUS
========================================= */

.errors {
    display: block;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 1.4;
    padding: 4px 6px;
    margin: 5px 0;
    color: #fff;
    background-color: #d90000;
    border: 1px solid #b50000;
    border-radius: 3px;
}

.examples {
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #d00;
}

.approved {
    font-family: Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #168a16;
}

.red_11 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: maroon;
}


/* =========================================
   FLOAT / SPACING
========================================= */

.f_left,
.f_right {
    margin-left: 10px;
    margin-top: 3px;
}

.f_left {
    float: left;
}

.f_right {
    float: right;
}

/* Clear floating elements */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}


/* =========================================
   BUSINESS LINKS
========================================= */

.biz_link p {
    margin: 0;
    padding: 0;
    color: #250909;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8;
}

.biz_link p a {
    color: #5f9ebd;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.8;
    text-decoration: none;
    transition: color 0.2s ease;
}

.biz_link p a:hover {
    color: #ff8000;
    text-decoration: underline;
}

.biz_link i {
    margin-right: 10px;
    color: #04b6ec;
    font-size: 20px;
}


/* =========================================
   SOCIAL ICONS
========================================= */

.icon {
    margin-top: 10px;
    overflow: hidden;
}

.icon ul {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.icon li {
    margin: 0;
    padding: 0;
}

.icon ul li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}

.icon ul li a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 40px;
    height: 40px;

    margin: 0;
    border-radius: 50%;

    color: #fff;
    font-size: 20px;
    line-height: 1;

    text-align: center;

    transition:
        opacity 0.2s ease,
        transform 0.2s ease;
}

.icon ul li a i:hover {
    opacity: 0.8;
    transform: translateY(-2px);
}


/* =========================================
   SOCIAL NETWORK COLORS
========================================= */

.fa-facebook {
    background-color: #3b5998;
    color: #fff;
}

.fa-twitter {
    background-color: #55acee;
    color: #fff;
}

.fa-linkedin {
    background-color: #0077b5;
    color: #fff;
}

.fa-youtube {
    background-color: #b00000;
    color: #fff;
}

.fa-instagram {
    background-color: #125688;
    color: #fff;
}

.fa-pinterest {
    background-color: #cb2027;
    color: #fff;
}

.fa-snapchat-ghost {
    background-color: #fffc00;
    color: #fff;
    text-shadow:
        -1px 0 #000,
        0 1px #000,
        1px 0 #000,
        0 -1px #000;
}

.fa-skype {
    background-color: #00aff0;
    color: #fff;
}

.fa-whatsapp {
    background-color: #05c415;
    color: #fff;
}

.fa-dribbble {
    background-color: #ea4c89;
    color: #fff;
}

.fa-vimeo {
    background-color: #45bbff;
    color: #fff;
}

.fa-tumblr {
    background-color: #2c4762;
    color: #fff;
}

.fa-vine {
    background-color: #00b489;
    color: #fff;
}

.fa-foursquare {
    background-color: #45bbff;
    color: #fff;
}

.fa-flickr {
    background-color: #f40083;
    color: #fff;
}

.fa-yahoo {
    background-color: #430297;
    color: #fff;
}

.fa-mix {
    background-color: #ff5500;
    color: #fff;
}

.fa-reddit {
    background-color: #ff5700;
    color: #fff;
}

.fa-rss {
    background-color: #ff6600;
    color: #fff;
}


/* =========================================
   TOP SPACING
========================================= */

.m1 {
    margin-top: 100px;
}


/* =========================================
   RESPONSIVE
========================================= */

@media (max-width: 768px) {

    .m1 {
        margin-top: 40px;
    }

    .bg_blue,
    .bg_w {
        max-width: 100%;
    }

    .biz_link p,
    .biz_link p a {
        font-size: 15px;
    }

}

@media (max-width: 480px) {

    .m1 {
        margin-top: 20px;
    }

    .large {
        font-size: 15px;
        padding: 7px 12px;
    }

    .biz_link p,
    .biz_link p a {
        font-size: 14px;
        line-height: 1.7;
    }

    .biz_link i {
        margin-right: 6px;
        font-size: 18px;
    }

    .icon ul li a i {
        width: 36px;
        height: 36px;
        font-size: 18px;
    }

}
@charset "utf-8";
/* ==========================================
   RESPONSIVE WEBSITE CSS
   Mobile First / Existing Class Compatible
========================================== */

/* Prevent horizontal scrolling */
html {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}


/* ==========================================
   GENERAL IMAGES
========================================== */

img {
    max-width: 100%;
    height: auto;
}


/* ==========================================
   DESKTOP / LARGE SCREEN
========================================== */

@media (max-width: 1200px) {

    .welcomediv {
        width: 100%;
        max-width: 100%;
    }

    .welcomediv h1 {
        margin-bottom: 7px;
        font-size: 110%;
        line-height: 1.3;
    }

    .tabsdiv {
        width: 100%;
        max-width: 100%;
    }

    .newsdiv {
        width: 49%;
        max-width: 49%;
    }

    .newsdiv marquee {
        width: 100%;
        max-width: 100%;
    }

    .whyus {
        width: 49%;
        max-width: 49%;
    }

    .f1,
    .f2 {
        width: 97%;
        max-width: 100%;
    }


    /* ======================================
       BOTTOM SECTION
    ====================================== */

    .bottom_main {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .bottom {
        width: 98%;
        max-width: 1200px;
        margin: 0 auto;
    }

    .bott1,
    .bott2 {
        width: 29%;
        float: left;
    }

    .bott2 li {
        font-size: 100%;
        line-height: 1.5;
    }

    .bottom h2 {
        margin-top: 5px;
        font-size: 150%;
        line-height: 1.3;
    }

    .testimonial_main {
        width: 29%;
        float: right;
    }

    .testimonials blockquote {
        width: 98%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        font-size: 100%;
        line-height: 1.5;
    }


    /* ======================================
       FOOTER
    ====================================== */

    .footermain {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .footer,
    .copyright {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }

    .addthis_toolbox {
        display: none;
    }
}


/* ==========================================
   TABLET
   ========================================== */

@media (max-width: 768px) {

    body {
        font-size: 16px !important;
        line-height: 1.5;
    }


    /* ======================================
       HEADER
    ====================================== */

    .top_phone {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin: 0 auto 10px;
        padding: 0 10px;
    }

    .icon {
        width: 100%;
        max-width: 420px;
        float: none;
        margin: 10px auto;
        text-align: center;
    }


    /* ======================================
       CONTENT
    ====================================== */

    .welcomediv,
    .tabsdiv,
    .newsdiv,
    .whyus {
        width: 100%;
        max-width: 100%;
        float: none;
        margin-left: 0;
        margin-right: 0;
    }

    .welcomediv h1 {
        font-size: 100%;
        line-height: 1.35;
    }

    .newsdiv marquee {
        width: 100%;
        max-width: 100%;
    }


    /* ======================================
       GALLERY
    ====================================== */

    .gallery {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .gallery img {
        display: block;
        width: 50%;
        max-width: 100%;
        height: auto;
        border-radius: 5px;
        cursor: pointer;
        transition: opacity 0.3s ease;
    }

    .gallery img:hover {
        opacity: 0.85;
    }


    /* ======================================
       BOTTOM SECTION
    ====================================== */

    .bottom_main {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .bottom {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
        padding: 0 10px;
    }

    .bott1,
    .bott2,
    .testimonial_main {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    .bott1 {
        padding-bottom: 15px;
    }

    .bott2 {
        padding-bottom: 20px;
    }

    .bott2 li {
        font-size: 100%;
        line-height: 1.6;
    }

    .bottom h2 {
        margin-top: 5px;
        font-size: 150%;
        line-height: 1.3;
    }

    .testimonials blockquote {
        width: 100%;
        max-width: 100%;
        margin: 10px 0;
        font-size: 100%;
        line-height: 1.6;
    }


    /* ======================================
       FORMS
    ====================================== */

    .f1,
    .f2 {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    input,
    select,
    textarea,
    button {
        max-width: 100%;
    }

    input,
    select,
    textarea {
        box-sizing: border-box;
    }


    /* ======================================
       FOOTER
    ====================================== */

    .footer,
    .copyright {
        width: 100%;
        max-width: 100%;
        text-align: center;
        margin-bottom: 10px;
        padding: 0 10px;
    }

    .addthis_toolbox {
        display: none;
    }
}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 480px) {

    body {
        font-size: 16px !important;
        line-height: 1.5;
    }


    /* ======================================
       HEADER
    ====================================== */

    .top_phone {
        width: 100%;
        padding: 0 10px;
        font-size: 15px;
        text-align: center;
    }

    .icon {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 10px auto;
        padding: 0 10px;
        text-align: center;
    }


    /* ======================================
       CONTENT
    ====================================== */

    .welcomediv,
    .tabsdiv,
    .newsdiv,
    .whyus {
        width: 100%;
        max-width: 100%;
        float: none;
    }

    .welcomediv h1 {
        font-size: 20px;
        line-height: 1.35;
    }


    /* ======================================
       GALLERY
    ====================================== */

    .gallery {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .gallery img {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
        margin: 0 0 10px;
        border-radius: 5px;
    }


    /* ======================================
       BOTTOM
    ====================================== */

    .bottom,
    .bottom_main {
        width: 100%;
        max-width: 100%;
    }

    .bottom {
        padding: 0 12px;
    }

    .bott1,
    .bott2,
    .testimonial_main {
        width: 100%;
        max-width: 100%;
        float: none;
        margin: 0 auto;
    }

    .bott2 {
        padding-bottom: 20px;
    }

    .bottom h2 {
        font-size: 22px;
        line-height: 1.3;
    }

    .testimonials blockquote {
        width: 100%;
        margin: 10px 0;
        padding: 12px;
        font-size: 15px;
        line-height: 1.6;
    }


    /* ======================================
       FORMS
    ====================================== */

    .f1,
    .f2 {
        width: 100%;
        max-width: 100%;
    }

    input,
    select,
    textarea {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }


    /* ======================================
       COPYRIGHT
    ====================================== */

    .copyright {
        width: 100%;
        color: #fff;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        line-height: 1.6;
        text-align: center;
        padding: 0 10px;
    }

    .copyright a {
        color: #fff;
        text-decoration: underline;
    }

    .copyright a:hover {
        color: #fff;
        text-decoration: underline;
    }


    /* ======================================
       FOOTER
    ====================================== */

    .footer {
        width: 100%;
        padding: 0 10px;
        text-align: center;
        margin-bottom: 10px;
    }
}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 320px) {

    body {
        font-size: 15px !important;
    }

    .top_phone {
        width: 100%;
        font-size: 14px;
        padding: 0 8px;
    }

    .icon {
        width: 100%;
        max-width: 100%;
        padding: 0 5px;
    }

    .gallery img {
        width: 100%;
        max-width: 100%;
        height: auto;
        margin-bottom: 8px;
    }

    .bottom {
        padding: 0 8px;
    }

    .bottom h2 {
        font-size: 19px;
    }

    .testimonials blockquote {
        font-size: 14px;
        padding: 10px;
    }

    .copyright {
        font-size: 13px;
    }
}