/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
    -ms-text-size-adjust: 100%;
    /* 2 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}
/**
 * Remove default margin.
 */
body {
    margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}
    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
    audio:not([controls]) {
        display: none;
        height: 0;
    }
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
    display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
    background-color: transparent;
}
    /**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
    a:active,
    a:hover {
        outline: 0;
    }
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
    font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
    overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
    box-sizing: content-box;
    height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
    text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}
    /**
 * Re-set default cursor for disabled elements.
 */
    button[disabled],
    html input[disabled] {
        cursor: default;
    }
    /**
 * Remove inner padding and border in Firefox 4+.
 */
    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}
    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box;
        /* 1 */
        padding: 0;
        /* 2 */
    }
    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }
    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
    input[type="search"] {
        -webkit-appearance: textfield;
        /* 1 */
        box-sizing: content-box;
        /* 2 */
    }
        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    border: 0;
    /* 1 */
    padding: 0;
    /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

@font-face {
    font-family: "DINPro";
    src: url('/Interface/WebFonts/DINPro-Bold_0.eot');
    src: url('/Interface/WebFonts/DINPro-Bold_0.eot?#iefix') format('embedded-opentype'), url('/Interface/WebFonts/DINPro-Bold_0.svg#DINPro') format('svg'), url('/Interface/WebFonts/DINPro-Bold_0.woff') format('woff'), url('/Interface/WebFonts/DINPro-Bold_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'blackoutmidnight';
    src: url('/Interface/WebFonts/blackout_midnight-webfont.eot');
    src: url('/Interface/WebFonts/blackout_midnight-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Interface/WebFonts/blackout_midnight-webfont.woff') format('woff'),
         url('/Interface/WebFonts/blackout_midnight-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}*/
@font-face {
    font-family: 'din_mediumregular';
    src: url('/Interface/WebFonts/din_medium-webfont.eot');
    src: url('/Interface/WebFonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'), url('/Interface/WebFonts/din_medium-webfont.woff') format('woff'), url('/Interface/WebFonts/din_medium-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "DINPro-Black";
    src: url('/Interface/WebFonts/DINPro-Black.eot');
    src: url('/Interface/WebFonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('/Interface/WebFonts/DINPro-Black.svg#DINPro') format('svg'), url('/Interface/WebFonts/DINPro-Black.woff') format('woff'), url('/Interface/WebFonts/DINPro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "blackoutmidnight";
    src: url('/Interface/WebFonts/DINPro-Bold_0.eot');
    src: url('/Interface/WebFonts/DINPro-Bold_0.eot?#iefix') format('embedded-opentype'), url('/Interface/WebFonts/DINPro-Bold_0.svg#DINPro') format('svg'), url('/Interface/WebFonts/DINPro-Bold_0.woff') format('woff'), url('/Interface/WebFonts/DINPro-Bold_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
/*mixins*/
@font-face {
    font-family: "DINPro";
    src: url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.eot');
    src: url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.eot?#iefix') format('embedded-opentype'), url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.svg#DINPro') format('svg'), url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.woff') format('woff'), url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'din_mediumregular';
    src: url('//www.matrix.in/Interface/WebFonts/din_medium-webfont.eot');
    src: url('//www.matrix.in/Interface/WebFonts/din_medium-webfont.eot?#iefix') format('embedded-opentype'), url('//www.matrix.in/Interface/WebFonts/din_medium-webfont.woff') format('woff'), url('//www.matrix.in/Interface/WebFonts/din_medium-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: "DINPro-Black";
    src: url('//www.matrix.in/Interface/WebFonts/DINPro-Black.eot');
    src: url('//www.matrix.in/Interface/WebFonts/DINPro-Black.eot?#iefix') format('embedded-opentype'), url('//www.matrix.in/Interface/WebFonts/DINPro-Black.svg#DINPro') format('svg'), url('//www.matrix.in/Interface/WebFonts/DINPro-Black.woff') format('woff'), url('//www.matrix.in/Interface/WebFonts/DINPro-Black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "blackoutmidnight";
    src: url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.eot');
    src: url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.eot?#iefix') format('embedded-opentype'), url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.svg#DINPro') format('svg'), url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.woff') format('woff'), url('//www.matrix.in/Interface/WebFonts/DINPro-Bold_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 16px;
    font-family: "din_mediumregular", 'Arial';
    background-color: #fff;
    line-height: 1.2em;
}

iframe {
    display: none;
}

a {
    text-decoration: none;
}

    a:hover,
    a:focus,
    a:active,
    a:visited {
        text-decoration: none;
        outline: none;
        outline-offset: 0;
    }

.rowouter {
    /*margin: 0px -8px 0 -7px;*/
    margin: 0;
}

.MarB8 {
    margin-bottom: 8px;
}

.PadLR {
    padding-left: 20px;
    padding-right: 20px;
}

.WI {
    display: inline-block;
    width: auto !important;
}

strong {
    font-family: "din_mediumregular";
}

#container {
    overflow: hidden;
}

.top_header {
    background-color: #8cc542;
    /*padding-left: 10px;
  padding-right: 10px;*/
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    height: 40px;
}

    .top_header .pull-right ul {
        /*padding-top:10px;*/
    }

    .top_header ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

        .top_header ul li {
            display: inline-block;
            /*vertical-align:bottom;*/
        }

        .top_header ul #studenttag {
            background: url(/Uploads/MediaTypes/Stills/cap.png) top left;
            background-repeat: no-repeat;
            padding-top: 9px;
            padding-left: 18px;
        }

            .top_header ul #studenttag a {
                color: #fff !important;
            }

        .top_header ul li a {
            color: #fff;
            font-family: "DINPro-Black";
            margin-right: 15px;
        }

            .top_header ul li a img {
                margin: 0 5px 0 5px;
            }

            .top_header ul li a span {
                color: #000;
            }

        .top_header ul li:last-child a {
            margin-right: 0;
            color: #000;
        }

        .top_header ul li .selected {
            color: #fff;
        }

            .top_header ul li .selected span {
                color: #000;
            }

.top-new-header {
    background-color: #8cc542;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
}

.inner-header {
    width: 100%;
    height: 70px;
    background: url('/Uploads/MediaTypes/Stills/nav-strip.gif');
    background-repeat: repeat-x;
}

    .inner-header .logo {
        padding: 15px 0 0px 0;
    }

    .inner-header nav {
        float: left;
    }

        .inner-header nav ul {
            list-style-type: none;
            margin: 0;
        }

            .inner-header nav ul li {
                display: inline-block;
                position: relative;
                z-index: 99999;
            }

                .inner-header nav ul li a {
                    color: #fff;
                    font-size: 20px;
                    padding: 26px 20px 25px 20px;
                    display: inline-block;
                    font-family: "din_mediumregular";
                    text-decoration: none;
                    text-transform: uppercase;
                }

                    .inner-header nav ul li a:hover {
                        background-color: transparent;
                        color: #8cc542;
                    }

                .inner-header nav ul li .tab_selected_11,
                .inner-header nav ul li .tab_selected_202,
                .inner-header nav ul li .selectedtab {
                    display: inline-block;
                    color: #8cc542;
                    background-color: transparent;
                }

                .inner-header nav ul li ul {
                    display: none;
                    position: absolute;
                    top: 100%;
                    z-index: 99999;
                    background: #fff;
                    padding-left: 0;
                }

                    .inner-header nav ul li ul li {
                        border-bottom: 2px solid #000;
                        border-left: 1px solid #000;
                        border-right: 1px solid #000;
                        width: 100%;
                    }

                        .inner-header nav ul li ul li a {
                            text-transform: capitalize;
                            font-size: 13px;
                            color: #000;
                            text-decoration: none;
                            font-family: din_mediumregular;
                            padding: 10px 11px;
                            line-height: 1.4;
                        }

                        .inner-header nav ul li ul li:last-child {
                            border-bottom: 1px solid #000;
                        }

                .inner-header nav ul li:hover {
                    color: #8cc542;
                    background-color: transparent;
                }

                    .inner-header nav ul li:hover span {
                        color: #8cc542;
                        background-color: transparent;
                    }

                    .inner-header nav ul li:hover ul {
                        display: block;
                    }

                        .inner-header nav ul li:hover ul li a:hover {
                            background: #000;
                            color: #fff;
                            width: 100%;
                        }

                    .inner-header nav ul li:hover:last-child {
                        color: #8cc542;
                        background-color: transparent;
                    }

                        .inner-header nav ul li:hover:last-child ul {
                            width: 450px;
                            right: 0;
                            display: block;
                            border-right: 1px #000 solid;
                            border-left: 1px #000 solid;
                        }

                            .inner-header nav ul li:hover:last-child ul li {
                                width: 112px;
                                float: left;
                                border: none;
                                border-bottom: 2px #000 solid;
                            }

.inner-new-header,
.inner-header {
    padding-left: 0px;
    padding-right: 0px;
    background: #000;
}

    .inner-new-header .login-info,
    .inner-header .login-info {
        display: inline-block;
        float: right;
        padding: 15px 0;
    }

        .inner-new-header .login-info h4,
        .inner-header .login-info h4 {
            margin: 0;
            color: #ffff00;
            float: left;
            padding-right: 10px;
            padding-top: 10px;
        }

            .inner-new-header .login-info h4 span,
            .inner-header .login-info h4 span {
                font-size: 14px;
            }

        .inner-new-header .login-info .cart,
        .inner-header .login-info .cart {
            float: right;
            background-image: url('/Uploads/MediaTypes/Stills/black-bg.png');
            width: 98px;
            height: 39px;
            color: #fff;
            padding: 10px 10px 5px 5px;
        }

            .inner-new-header .login-info .cart img,
            .inner-header .login-info .cart img {
                padding-right: 14px;
                vertical-align: top;
            }

            .inner-new-header .login-info .cart span,
            .inner-header .login-info .cart span {
                color: #000;
                display: inline-block;
                padding-top: 2px;
            }

ul#toggalnavMobile {
    padding: 0 0 0 15px;
    margin: 0;
    list-style-type: none;
}

    ul#toggalnavMobile li a {
        color: #8ac53e;
        font-size: 16px;
        padding: 10px 0px 10px 0px;
        display: inline-block;
        width: 100%;
        font-family: "blackoutmidnight";
        text-decoration: none;
    }

    ul#toggalnavMobile li ul {
        list-style-type: none;
    }

        ul#toggalnavMobile li ul li a {
            font-size: 14px;
            font-family: "DINPro";
            padding: 5px 0 5px 0;
        }

    ul#toggalnavMobile .pushy-submenu-closed a {
        z-index: -999;
    }

        ul#toggalnavMobile .pushy-submenu-closed a:after {
            background-image: url('/Uploads/MediaTypes/Stills/icon-arrow--right.png');
            width: 20px;
            height: 20px;
            z-index: 9999;
        }

    ul#toggalnavMobile .pushy-submenu-open a {
        z-index: -999;
    }

        ul#toggalnavMobile .pushy-submenu-open a:after {
            background-image: url('/Uploads/MediaTypes/Stills/icon-arrow--right.png');
            width: 20px;
            height: 20px;
            z-index: 9999;
        }

#nav-leftanv,
#nav-toggal {
    display: none;
}

.ecom-bg {
    background: #efefef;
}

.ecom-panel .inner-page-form {
    padding: 10px 0;
    background: #efefef;
    width: 100%;
    display: inline-block;
}

    .ecom-panel .inner-page-form label {
        color: #000;
    }

    .ecom-panel .inner-page-form .heading h4 {
        color: #8cc542;
    }

    .ecom-panel .inner-page-form .form-signin {
        display: inline-block;
        width: 100%;
        padding-top: 6px;
    }

        .ecom-panel .inner-page-form .form-signin .form-group {
            display: inline;
        }

            .ecom-panel .inner-page-form .form-signin .form-group label {
                width: 100%;
                font-family: "din_mediumregular";
                font-size: 14px;
                vertical-align: top;
                margin-right: 2px;
                float: left;
            }

            .ecom-panel .inner-page-form .form-signin .form-group input {
                font-size: 14px;
                height: 27px;
                width: 100%;
                border: 1px solid #333;
                border-radius: 5px;
                color: #999999;
            }

            .ecom-panel .inner-page-form .form-signin .form-group .txtData {
                font-size: 14px;
                border: 1px solid #333;
                background-image: url('/Uploads/MediaTypes/Stills/icon-data-new-page.png');
                background-repeat: no-repeat;
                background-position-x: 91%;
                background-position-y: 51%;
                padding: 6px 12px;
            }

            .ecom-panel .inner-page-form .form-signin .form-group select {
                font-size: 14px;
                -moz-appearance: none;
                -webkit-appearance: none;
                appearance: none;
                width: 100%;
                height: 29px;
                color: #999999;
                border-radius: 5px;
                background-image: url('/Uploads/MediaTypes/Stills/icon-dropdown-new-page.png');
                background-repeat: no-repeat;
                background-position: top right;
                padding: 5px 30px 4px 5px;
                border: 1px solid #333;
            }

        .ecom-panel .inner-page-form .form-signin .btn {
            font-size: 16px;
            background: #363636;
            border-radius: 8px;
            border: 1px solid #333;
            color: #fff;
            height: 29px;
            padding: 3px 20px 3px 20px;
            text-transform: uppercase;
            text-align: center;
        }

            .ecom-panel .inner-page-form .form-signin .btn:hover {
                background: #000;
            }

.product_title {
    display: none;
}

    .product_title h2 {
        color: #8cc449;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 25px;
    }

.new-slider {
    position: relative;
    z-index: 0000000;
    overflow: hidden;
}

    .new-slider .inner-slider {
        padding-left: 10px;
        padding-right: 10px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9999999999;
    }

        .new-slider .inner-slider .inqury-form {
            display: inline-block;
            padding: 15px 0px;
            width: 100%;
        }

            .new-slider .inner-slider .inqury-form .heading h4 {
                color: #fff;
                font-size: 18px;
                font-family: 'din_mediumregular';
            }

            .new-slider .inner-slider .inqury-form .form-signin {
                margin-top: 10px;
                display: inline-block;
            }

                .new-slider .inner-slider .inqury-form .form-signin .form-group {
                    display: inline-block;
                    width: 100%;
                    margin-bottom: 20px;
                }

                    .new-slider .inner-slider .inqury-form .form-signin .form-group label {
                        color: #fff;
                        font-size: 14px;
                        width: 100%;
                        font-family: din_mediumregular;
                    }

                    .new-slider .inner-slider .inqury-form .form-signin .form-group input {
                        font-size: 14px;
                        height: 27px;
                        width: 100%;
                        border: 1px solid #333;
                        border-radius: 5px;
                        color: #999999;
                    }

                    .new-slider .inner-slider .inqury-form .form-signin .form-group .txtData {
                        font-size: 14px;
                        border: 1px solid #333;
                        background-image: url('/Uploads/MediaTypes/Stills/icon-data-new-page.png');
                        background-repeat: no-repeat;
                        background-position-x: 91%;
                        background-position-y: 51%;
                        padding: 6px 12px;
                    }

                    .new-slider .inner-slider .inqury-form .form-signin .form-group select {
                        font-size: 14px;
                        -moz-appearance: none;
                        -webkit-appearance: none;
                        appearance: none;
                        width: 100%;
                        background-color: #fff;
                        height: 29px;
                        color: #999999;
                        border-radius: 5px;
                        background-image: url('/Uploads/MediaTypes/Stills/icon-dropdown-new-page.png');
                        background-repeat: no-repeat;
                        background-position: top right;
                        padding: 5px 35px 4px 5px;
                        border: 1px solid #333;
                    }

                .new-slider .inner-slider .inqury-form .form-signin .btn {
                    background: #fef200;
                    border-radius: 8px;
                    border: 1px solid #333;
                    color: #000;
                    height: 32px;
                    font-size: 18px;
                    padding: 3px 20px 5px 20px;
                    text-transform: uppercase;
                    text-align: center;
                }

        .new-slider .inner-slider .hidden-xs {
            padding-left: 20px;
        }

        .new-slider .inner-slider h3 {
            font-size: 24px;
            text-transform: uppercase;
            color: #fff;
            line-height: 1em;
        }

        .new-slider .inner-slider p {
            font-size: 18px;
            text-transform: uppercase;
            color: #fef200;
        }

.inner-article {
    border-bottom: none;
    padding-left: 0px;
    padding-right: 0px;
}

    .inner-article .articlePanal .item-coll p {
        font-size: 14px !important;
        line-height: 1.4em !important;
    }

.item-panal .product_box img {
    width: 100%;
}

.new-item-panel .new-box {
    background: #fff;
    font-family: "din_mediumregular";
    height: 212px;
}

    .new-item-panel .new-box .media-body p {
        color: #333;
    }

    .new-item-panel .new-box h5 {
        margin: 0;
        font-size: 18px;
        font-family: din_mediumregular;
        color: #8bc541;
    }

    .new-item-panel .new-box .box-text {
        padding: 14px;
    }

        .new-item-panel .new-box .box-text p {
            color: #fff;
            font-size: 16px;
            margin-bottom: 0;
        }

        .new-item-panel .new-box .box-text h4 {
            color: #ffef03;
            font-size: 22px;
            font-family: DINPro;
            margin-top: 0;
        }

.new-item-panel .special-offer .media {
    margin: 0;
}

.new-item-panel .personal-wifi {
    background-image: url(/Uploads/MediaTypes/Stills/icon-matrix-Travel-Insurance-fullwidth.jpg);
    background-repeat: no-repeat;
}

.new-item-panel .travel-safe {
    background-image: url(/Uploads/MediaTypes/Stills/icon-matrix.forx-card-fullwidth.jpg);
    background-repeat: no-repeat;
}

.new-item-panel hr {
    margin: 0;
    border-top: 2px solid #eee;
}

.new-item-panel .special-offer ul {
    list-style-image: url('/Uploads/MediaTypes/Stills/hole.png');
    padding-left: 16px;
}

.new-item-panel .special-offer .payment {
    padding: 14px 0;
}

    .new-item-panel .special-offer .payment .pull-left {
        padding-top: 10px;
    }

    .new-item-panel .special-offer .payment .media-body {
        line-height: 1em;
    }

        .new-item-panel .special-offer .payment .media-body p {
            font-size: 16px;
            margin-bottom: 5px;
        }

        .new-item-panel .special-offer .payment .media-body h4 {
            font-size: 18px !important;
        }

.new-item-panel .right {
    background-position: right bottom;
}

.new-item-panel .left {
    background-position: left bottom;
}

.new-item-panel .media .media-body span {
    font-size: 14px;
    font-family: "din_mediumregular";
    color: #666;
    line-height: 1em;
    display: inline-block;
}

.new-item-panel .media .media-body h4 {
    font-size: 14px;
    margin-bottom: 0;
    font-family: "din_mediumregular";
}

    .new-item-panel .media .media-body h4 a {
        color: #8bc541;
    }

.new-item-panel .media .offer {
    padding-top: 10px;
}

    .new-item-panel .media .offer h4 {
        margin-top: 5px;
    }

        .new-item-panel .media .offer h4 a {
            font-family: DINPro;
            line-height: 1em;
        }

.newPage-middle_nav {
    padding-left: 0;
    background-color: transparent;
    display: inline-block;
}

    .newPage-middle_nav h4 {
        color: #666;
        font-size: 12px;
        text-transform: capitalize;
    }

    .newPage-middle_nav #ctl00_SubMenuNavigation1_lblParent {
        display: none;
    }

    .newPage-middle_nav ul {
        margin-left: 0px;
    }

        .newPage-middle_nav ul li {
            margin-bottom: 15px;
        }

            .newPage-middle_nav ul li a {
                background: #ccc;
                padding: 5px 15px 5px 15px;
                margin-right: 0;
                color: #000;
                text-transform: uppercase;
            }

                .newPage-middle_nav ul li a:hover {
                    color: #000;
                }

            .newPage-middle_nav ul li .sn_selected > li {
                display: none;
            }

footer .bg-container {
    width: 100%;
    color: #333333;
    padding-top: 20px;
    padding-bottom: 50px;
    background-color: #212222;
    display: inline-block;
    overflow: hidden;
}

    footer .bg-container ul {
        list-style-type: none;
        display: inline-block;
        padding: 0;
    }

        footer .bg-container ul li {
            width: 100%;
            line-height: 1em;
        }

            footer .bg-container ul li a {
                font-family: "din_mediumregular";
                color: #f4f4f4;
                font-size: 12px;
            }

footer .bg-grey {
    background-color: #333;
    /*padding: 20px 10px;*/
    padding: 20px 0;
}

    footer .bg-grey .btm-nav {
        height: auto;
    }

        footer .bg-grey .btm-nav h4 {
            font-size: 14px;
            color: #636363;
            margin-top: 0px;
            margin-bottom: 5px;
        }

    footer .bg-grey ul li a {
        color: #f2f2f2;
        font-size: 12px;
    }

    footer .bg-grey ul.social {
        display: inline-block;
        float: right;
    }

        footer .bg-grey ul.social li {
            float: left;
            margin-left: 5px;
            width: auto;
        }

            footer .bg-grey ul.social li:first-child {
                /*margin-right: 5px;*/
            }

    footer .bg-grey .subscribe {
        margin-top: 20px;
        display: inline-block;
    }

        footer .bg-grey .subscribe .latestupdate {
            font-family: "din_mediumregular";
            float: right;
            color: #cccccc !important;
            font-size: 14px;
            margin-top: 10px;
            margin-bottom: 5px;
        }

            footer .bg-grey .subscribe .latestupdate span {
                color: #9acb31;
            }

        footer .bg-grey .subscribe ul {
            display: inline-block;
            float: right;
        }

            footer .bg-grey .subscribe ul li {
                float: left;
                width: auto;
            }

                footer .bg-grey .subscribe ul li:first-child {
                    margin-right: 5px;
                }

    footer .bg-grey .btn_subscribe {
        color: #ffcc00;
        margin-top: 10px;
        font-size: 14px;
    }

footer .bottomsolidsep .copyright {
    color: #fff;
    line-height: 1.4;
    font-size: 11px;
}

    footer .bottomsolidsep .copyright span {
        color: #fff;
    }

footer .bottomsolidsep .developed_by a {
    color: #fff;
    text-decoration: none;
    font-size: 11px;
    margin-bottom: 15px;
    display: inline-block;
}

.marT30 {
    margin-top: 30px;
}

.marTB40 {
    margin-top: 50px;
    margin-bottom: 50px;
}
/*8 june 2017 data only css on prepaid bundle plan*/
.innerband {
    height: 45px;
    background-repeat: no-repeat;
    font-size: 20px;
    color: #000;
    padding: 13px 5px 10px 5px;
    margin-bottom: 10px;
    background-image: url(/Uploads/MediaTypes/Stills/App-band-fullwidth.png);
    background-size: cover;
    background-position: center;
}
    .innerband span {
        color: #fff;
        font-size: 20px;
    }
    .studentpro {
        color: #003399;
        margin-left: 5px;
        font-family: DINPro;
    }

    .studentpro a {
        color: #fef200;
    }

.innerband a {
    background: #fff;
    text-decoration: none;
    color: #5e00b6;
    text-transform: uppercase;
    background: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 3px 10px;
    font-size: 14px;
    margin-left: 5px;
    margin-right: 5px;
    font-family: dinpro;
}

.innerband .travelapppage ul {
    list-style-type: none;
}

    .innerband .travelapppage ul li {
        float: left;
        margin-right: 10px;
    }

        .innerband .travelapppage ul li:last-child {
            margin-right: 0;
        }

        .innerband .travelapppage ul li a img {
            width: 90px;
            height:26px;
        }

.only-data-prepaid {
    display: inline-block;
    width: 100%;
    margin-bottom: 40px;
}

    .only-data-prepaid .data-only tr {
        height: 30px !important;
    }

        .only-data-prepaid .data-only tr td {
            font-size: 15px !important;
        }
/*02 August 2017 full width css*/
.greencolorbg {
    background: #8cc542;
}

.balckcolorbg {
    background: #000;
}

.greycolorbg {
    background-color: #333;
}

.new-slider {
    background-image: url(/Uploads/MediaTypes/Stills/hm-banner-home-fullwidth.jpg);
    background-size: cover;
}

    .new-slider .inner-slider {
        padding-left: 0;
        padding-right: 0;
        position: inherit !important;
    }

.new-travel .slider {
    background-image: url(/Uploads/MediaTypes/Stills/banner-Insurance.jpg);
    background-repeat: no-repeat;
    height: 333px;
    position: relative;
    background-size: cover;
}

.new-travel .new-slider {
    background: none;
    position: absolute;
    top: 115px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
}

/*24 aug 2017 for matrix travel companian app*/

.middle_nav .Companion-App {
    background: #ccc;
    padding: 3px 10px 3px 10px;
    margin-right: 0;
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
}

    .middle_nav .Companion-App .android, .middle_nav .Companion-App .apple {
        padding: 0;
    }

/*25 aug 2017 for visa service page*/
.visa-banner {
    background: url('/Uploads/MediaTypes/Stills/Matrix-Visa-page2017-banner.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    height: 417px;
}

    .visa-banner .form-inner {
        padding: 20px 0;
    }

.form-inner p {
    font-size: 22px;
    color: #fff;
    line-height: 1.2em;
    padding-bottom: 20px;
}

.visa-banner .form-inner .btn-default {
    background: #8cc542;
    color: #fff;
    padding: 6px 22px;
    text-transform: uppercase;
}

.visa-banner .form-inner select {
    background: url(/Uploads/MediaTypes/Stills/visa-drop-arrow-icon.png);
    background-repeat: no-repeat;
    background-color: #fff;
    background-position: right;
}

.visa-services {
    padding: 20px 0;
    display: inline-block;
    width: 100%;
    font-size: 15px;
    line-height: 1.4em;
}

    .visa-services h4 {
        line-height: 1.2em;
    }

    .visa-services ul {
        list-style-type: none;
    }

        .visa-services ul li {
            line-height: 1.4em;
            margin-bottom: 10px;
        }

            .visa-services ul li img {
                padding-right: 10px;
            }

    .visa-services .italic {
        padding-top: 60px;
        font-size: 30px;
        font-style: italic;
    }
/*29 aug 2017 for contactus*/
.outer-contact {
  
    position: fixed;
    right: -353px;
    top: 61%;
    transition: all 0.5s ease;
}
@media (max-height:700px){
    .outer-contact {
        top: 48%;
    }
}
    .outer-contact .contactlink {
        background-color: #fef200;
        background-image: url(/uploads/mediatypes/stills/Inquiryicon.png);
        background-position: 3px 22px;
        background-repeat: no-repeat;
        cursor: pointer;
        right: 353px;
        position: absolute;
        border-color: #fef200 !important;
        border-radius: 1em 0px 0px 1em !important;
        border-style: outset none outset outset !important;
        border-width: 1px 1px 1px medium !important;
        height: 127px !important;
        margin: 0px !important;
        padding: 0px !important;
        top: 44px;
        width: 40px !important;
    }
@media (max-height:700px) {
    .outer-contact .contactlink {
        top: 12px;
    }
}
#contactdiv {
    background: url(/Uploads/MediaTypes/Stills/enquire-bg.png) repeat;
    border: 1px solid #000;
    position: absolute;
    z-index: 99999999;
    width: 353px;
    padding: 20px 0 40px 20px;
    /*top: 145px;*/
    right: 0px;
    overflow-y: scroll;
    height: 373px;
    overflow-x: hidden;
}

    #contactdiv .form-group label {
        display: none;
    }

    #contactdiv label {
        color: #fff;
        display: inline;
    }

    #contactdiv input {
        border: none !important;
        padding: 0px 10px 0px 10px;
        width: 100%;
        font-size: 14px;
        height: 35px;
        color: #000;
        font-family: "din_mediumregular";
    }

    #contactdiv select {
        border: 4px #8ac53e solid;
        padding: 0px 10px 0px 10px;
        width: 100%;
        font-size: 14px;
        height: 35px;
        color: #000;
        font-family: "din_mediumregular";
        background-color: #8ac53e;
    }

    #contactdiv input[type="checkbox"] {
        margin-right: 5px;
        padding: 0;
        width: auto;
        height: auto;
    }

    #contactdiv label {
        line-height: 1.6em;
        font-size: 13px;
    }

    #contactdiv .error {
        color: red;
        border: #FF6600 1px solid;
        background-color: #FFFFCD;
        font-size: 0.75em;
        font-family: Lucida Grande, Lucida Sans Unicode, Tahoma, Arial, Verdana, Sans-Serif;
        text-align: left;
        padding: 10px 10px 10px 10px;
        margin: 5px 0px 20px 0px;
    }

        #contactdiv .error ul {
            padding: 0px;
            margin: 0px 0px 0px 0px;
            list-style-type: none;
        }

            #contactdiv .error ul li {
                padding: 0px 0px 0px 15px;
                margin: 0px;
                font-size: 0.75em;
                color: #EA5C18;
                background-image: url(/images/star_error.gif);
                background-position: 0px center;
                background-repeat: no-repeat;
            }

    #contactdiv .button {
        background-color: #8ac53e;
        padding: 8px 28px 7px 28px;
        border: none;
        font-size: .81em;
        font-weight: bold;
        color: #000;
        text-transform: uppercase;
        margin-left: 0px;
        font-family: "DINPro";
        display: inline-block;
        width: auto;
    }

#ui-datepicker-div {
    z-index: 999999999999 !important;
}

.open {
    right: 0px !important;
    z-index: 999999;
}

    .outer-contact .genericHide {
        display: none !important;
    }

/*for remove * from matrix form*/
.backimghide label {
    background-image: none !important;
}


/* for complaint box*/
.ComplaintBoard {
    position: fixed;
    right: -485px;
   top:120px;
    transition: all 0.5s ease;
 
}
@media (max-height:700px) {
    .ComplaintBoard {
        top: 120px;
    }
}
    .ComplaintBoard .ComplaintBoardicon {
        background-color: #000000;
        background-image: url(/Uploads/MediaTypes/Stills/Helpicon.png);
        background-position: 3px 27px;
        background-repeat: no-repeat;
        border-color: #0a0a0a !important;
        border-radius: 1em 0em 0em 1em !important;
        border-style: outset none outset outset !important;
        border-width: 1px 1px 1px medium !important;
        height: 137px;
        margin: 0px !important;
        opacity: 0.9 !important;
        padding: 0px !important;
        width: 40px;
        position: absolute;
        right: 485px;
        top: 2px;
        cursor: pointer;
    }
@media (max-height:700px) {
    .ComplaintBoard .ComplaintBoardicon {
        top: 1px;
    }
}
    .ComplaintBoard .slideboard {
        position: absolute;
        z-index: 99999999;
        width: 485px;
        right: 0;
        overflow-y: scroll;
        height: 495px;
        overflow-x: hidden;
      
    }
        .ComplaintBoard .slideboard iframe {
            display: inline-block;
            border: none;
        }

.openboard {
    right: 0 !important;
}
@media only screen and (min-width: 1400px) and (max-width: 2500px) {
    .new-slider {
        height: 325px;
    }
}

@media (max-width: 1000px) and (min-width: 650px) {
    .inner-header nav ul li a {
        padding: 27px 10px;
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .ecom-panel .inner-page-form .form-signin .form-group select {
        font-size: 11px;
    }

    .PRnill {
        padding-right: 0;
    }

    .new-slider {
        background-position: center;
    }

    body {
        font-size: 14px;
    }

    .new-item-panel .new-box .box-text p {
        font-size: 14px;
    }

    .new-item-panel .new-box .box-text h4 {
        font-size: 16px !important;
    }

    .new-slider .inner-slider .inqury-form {
        padding: 35px 0px;
    }

    .articlePanal .Article_Title_heading {
        font-size: 20px;
    }

    .articlePanal p {
        font-size: 14px !important;
        line-height: 1.4em !important;
    }

    .articlePanal .panalul {
        font-size: 14px !important;
        line-height: 1.4em !important;
    }

        .articlePanal .panalul h3 {
            font-size: 16px !important;
        }

    .laptop {
        display: none;
    }

    .mobile {
        display: inline-block;
        margin-top: 20px;
    }
    /*.rowouter {
        margin: 15px 0 0 0;
    }*/
    .left_banners {
        display: none;
    }

    .ipad {
        display: inline-block !important;
    }

    .desktop {
        display: none !important;
    }

    .middle_nav ul,
    .newPage-middle_nav ul {
        width: 100%;
        margin: 10px 0 10px 0;
        padding: 0;
        overflow: hidden;
    }

        .middle_nav ul li,
        .newPage-middle_nav ul li {
            overflow: hidden;
            width: 50%;
            float: left;
            border: 1px solid #fff !important;
            height: 45px;
            margin-bottom: 0;
        }

            .middle_nav ul li a,
            .newPage-middle_nav ul li a {
                width: 100%;
                display: inline-block;
                padding: 10px 0 12px 0;
                text-align: center;
                background: #ccc !important;
                color: #000 !important;
            }

        .middle_nav ul .sn_selected,
        .newPage-middle_nav ul .sn_selected {
            background: #fff;
            border: none;
        }

    .middle_nav .nav_leftToggal ul.nav,
    .newPage-middle_nav .nav_leftToggal ul.nav {
        display: none;
    }

    .middle_nav .inner-header nav,
    .newPage-middle_nav .inner-header nav {
        overflow: hidden;
    }

        .middle_nav .inner-header nav ul,
        .newPage-middle_nav .inner-header nav ul {
            width: 100%;
            padding: 0;
            height: 0;
            margin: 12px 0 0 0;
        }

            .middle_nav .inner-header nav ul li,
            .newPage-middle_nav .inner-header nav ul li {
                width: 100%;
            }

                .middle_nav .inner-header nav ul li a,
                .newPage-middle_nav .inner-header nav ul li a {
                    width: 100%;
                    display: inline-block;
                    text-align: center;
                    padding: 10px 0 10px 0px;
                }

                    .middle_nav .inner-header nav ul li a:hover,
                    .newPage-middle_nav .inner-header nav ul li a:hover {
                        background: none;
                    }

            .middle_nav .inner-header nav ul.on,
            .newPage-middle_nav .inner-header nav ul.on {
                height: auto;
                max-height: 300px;
            }

    .middle_nav footer .btm-nav,
    .newPage-middle_nav footer .btm-nav {
        height: 160px;
    }

    #nav-leftanv {
        display: none;
        position: absolute;
        top: 8px;
        right: 15px;
    }

    footer .bg-container h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    footer .bg-container .btm-nav {
        height: 190px;
    }

        footer .bg-container .btm-nav ul li {
            line-height: 1.4em;
        }

            footer .bg-container .btm-nav ul li a {
                font-size: 14px;
                padding: 1px 0;
            }

    .new-home-header .inner-new-header .right nav {
        padding-left: 10px;
    }

        .new-home-header .inner-new-header .right nav ul li a {
            padding: 30px 9px 15px 9px;
            font-size: 16px;
        }

    .new-slider .inqury-form {
        padding: 10px 5px;
    }

        .new-slider .inqury-form .heading h4 {
            margin-bottom: 11px;
            margin-top: 0;
            font-size: 16px;
        }

        .new-slider .inqury-form .form-signin .form-group {
            margin-bottom: 8px;
        }

            .new-slider .inqury-form .form-signin .form-group label {
                font-size: 12px;
            }

    .new-item-panel .new-box .box-text h4 {
        font-size: 18px;
    }
}

@media (max-width: 640px) {
    .PRnill {
        padding-right: 15px;
    }

    .bandstudent {
        position: fixed;
        bottom: -12px;
        width: 100%;
        z-index: 999;
    }

    .innerband {
        height: 77px;
        font-size: 13px;
        padding: 13px 5px;
        margin-top: 10px;
        width: 100%;
    }

        .innerband .travelapppage {
            margin-top: 2px;
            display: inline-block;
            float: left !important;
        }

    #chat {
        top: 65% !important;
    }
    /*.top_header{
      height:65px!important;
  }*/
    .new-slider {
        background: none !important;
    }

    .outer-contact {
        top: 90px;
        right: -265px;display:none;
    }

        .outer-contact .contactlink {
            top: 89px !important;
            right: 265px;
            background-image: url(/uploads/mediatypes/stills/icon-contact-us-res.png);
            width: 34px !important;
            height: 135px !important;
        }

    #contactdiv {
        width: 265px;
        padding: 20px 20px 40px 20px;
        top: 90px;
    }
    iframe#cboxmain{
        display:none!important;
    }
    .ComplaintBoard {
        right: -320px;
        top: 70px;
    }
        .ComplaintBoard .ComplaintBoardicon {
            right: 320px;
        }
        .ComplaintBoard .slideboard {
            width: 320px;
        }
            .ComplaintBoard .slideboard iframe {
                width: 100%;
                height: 487px;
            }
            .inner-page-form .form-signin .btn {
                margin-top: 10px;
            }

    .inner-header {
        background: #000;
    }

    .inner-page-form .form-signin .form-group {
        display: inline-block !important;
        width: 100%;
        margin-bottom: 10px;
    }

    #Countries .gray_back {
        background-image: none !important;
        border: none !important;
        background: none;
        margin-bottom: 15px;
    }

    #Countries #hyperCountry {
        margin-left: 0;
        width: 100%;
    }

    #offer-banner-verti {
        display: none;
    }

    .rowouter {
        margin-bottom: 20px;
        margin: 0;
        display: inline-block;
        width: 100%;
    }

    .item-panal {
        float: left;
    }

        .item-panal img {
            width: 100%;
        }

    nav {
        float: right !important;
        padding-left: 0 !important;
    }

        nav #nav-toggal {
            position: static;
            display: inline-block;
            float: right;
            margin: 0;
            padding: 20px 10px 0 0;
            width: auto;
        }

        nav ul {
            display: none;
        }

    .login-info {
        padding: 20px 0 10px 20px !important;
    }

        .login-info h4 {
            display: none;
        }

        .login-info .cart {
            background-image: url('/Uploads/MediaTypes/Stills/icon-shop-white-new-page.png') !important;
            background-repeat: no-repeat;
            padding: 0 !important;
            width: 75px !important;
        }

            .login-info .cart span {
                color: #fff !important;
                padding-left: 30px;
                font-size: 20px;
                display: inline-block;
                padding-top: 5px;
            }

            .login-info .cart img {
                display: none;
            }

    .top_header ul li a {
        margin-right: 5px;
    }

        .top_header ul li a span {
            display: none;
        }

    .slider .swiper-slide {
        height: 350px;
        width: 100%;
        background-size: cover !important;
        background-position: center !important;
    }

        .slider .swiper-slide img {
            display: none;
        }

    .slider .banneritem {
        display: inline-block;
        float: left;
    }

    .new-slider {
        position: relative;
    }

        .new-slider .inner-slider {
            position: absolute;
            display: inline-block;
        }

            .new-slider .inner-slider .inqury-form {
                background: none;
            }

    article .marT30 {
        margin-top: 20px;
    }

        article .marT30 .rowouter {
            margin-bottom: 20px;
            margin-top: 0;
        }

    article .marTB40 {
        margin-top: 0;
        margin-bottom: 30px;
    }

    article .new-item-panel {
        padding: 0 15px;
    }

        article .new-item-panel .new-box {
            padding: 5px 0px;
        }

        article .new-item-panel .personal-wifi,
        article .new-item-panel .travel-safe {
            background-position: center;
            background-size: cover;
        }

            article .new-item-panel .personal-wifi .box-text,
            article .new-item-panel .travel-safe .box-text {
                text-align: center;
            }

    footer .bg-grey .pull-right {
        float: left !important;
    }

    footer .bg-grey ul.social {
        float: left;
    }

    footer .bg-grey .subscribe {
        margin-top: 5px;
    }

        footer .bg-grey .subscribe .latestupdate {
            float: left;
            width: 100%;
        }

        footer .bg-grey .subscribe ul {
            float: left;
        }

    .new-travel .inner-slider {
        padding-right: 10px;
    }

        .new-travel .inner-slider .container {
            padding-left: 0;
            padding-right: 0;
        }

            .new-travel .inner-slider .container #InsuranceApp .SearchForm {
                padding: 20px 0px;
            }
}

@media (max-width: 600px) {
    .gray_back {
        background: #006031;
        padding: 9px 10px 11px 10px;
        margin-bottom: 10px;
    }

        .gray_back #myTab li a {
            padding: 8px;
            font-size: 16px;
            color: #fff;
        }

    .tab-content {
        margin-top: 0;
    }

        .tab-content .tab-block {
            width: 50%;
            float: left;
            display: inline;
        }

            .tab-content .tab-block:last-child {
                width: 100%;
            }

    .inner-article .rightcol {
        margin-top: 10px;
    }

        .inner-article .rightcol .testimonial_block {
            width: 201px;
        }

    footer .bg-container .socialpanal {
        width: 100%;
        float: left !important;
    }

        footer .bg-container .socialpanal .subscribe .latestupdate {
            width: 100%;
        }

        footer .bg-container .socialpanal .subscribe #cmdSubscribe {
            margin-top: 10px;
        }
}

@media (max-width: 480px) {
    .item-panal {
        float: left;
    }

        .item-panal img {
            width: 100%;
        }
}

@media (max-width: 400px) {
    .middle_nav ul {
        overflow: hidden;
    }

        .middle_nav ul li {
            width: 50%;
        }

            .middle_nav ul li a {
                font-size: 12px;
            }

    .slider .swiper-slide {
        height: 270px;
    }

    .inner-article .left .office-box {
        width: 100%;
    }

    footer .bg-container .subscribe input,
    footer .bg-container .subscribe .txtbox {
        margin-bottom: 10px;
        width: 80%;
        height: 32px;
        border-radius: 0;
    }
}

@media only screen and (max-width: 320px) {
    .ComplaintBoard {
        right: -280px;
       
    }

        .ComplaintBoard .ComplaintBoardicon {
            right: 280px;
        }

        .ComplaintBoard .slideboard {
            width: 280px;
        }

    .inner-article .articlePanal ul.grildlist li span.countries_name {
        width: 105px;
        display: inline-block;
    }
    .ComplaintBoard .slideboard iframe {
        width: 100%;
        height: 400px;
    }
    /*.top_header{
      height:65px!important;
  }*/
    rowouter {
        margin: 0px -8px 0 -7px;
    }

    .top_header .col-md-12 {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.buy-online-heading {
    margin: 0 0 5px;
    font-size: 14px;
    font-family: "DINPro";
}

/*download app top*/
@media(min-width:767px) {
    #popup-wrapper {
        display: none !important;
        height: 0 !important;
        padding: 0 !important;
    }
    #inner-text {
        display:none !important;
    }
    #download-btn {
        display:none !important;
    }
}

#popup-wrapper {
    display: flex;
    display: -webkit-flex;
    align-self: center !important;
    -webkit-align-self: center !important;
    align-items: center !important;
    -webkit-align-items: center;
    justify-content: flex-start !important;
    -webkit-justify-content: flex-start !important;
    background-color: #fff;
    padding: 40px 15px;
}
#popup-wrapper #inner-text{
    display: flex;
    display: -webkit-flex;
    align-self: center !important;
    -webkit-align-self: center !important;
    align-items: center !important;
    -webkit-align-items: center;
    justify-content: flex-start !important;
    -webkit-justify-content: flex-start !important;
    padding: 0;

}
#popup-wrapper #inner-text .text-desc{
    width:60%;
}
#popup-wrapper #inner-text #download-btn{
    width: 40%;
    padding: 0;
    margin: 0;
    text-align: center;
}

#popup-wrapper #inner-text img {
    width: 55px;
    height: 55px;
    margin-right:5px;
}

#popup-wrapper #inner-text h2 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    line-height: 1.1;
    padding: 0;
}
@media(max-width:366px) {
    #popup-wrapper #inner-text h2 {
        font-size: 14px !important;
    }
    #download-btn {
        padding-left: 0px !important;
    }
    #popup-wrapper #download-btn a.open-in-app {
        padding: 5px 4px 5px !important;
    }
    #popup-wrapper #download-btn a.open-in-app {
        font-size: 12px !important;
    }

}
@media (max-width: 322px){
    #popup-wrapper #download-btn a.open-in-app {
            padding: 4px 3px 4px !important;
    }
    #popup-wrapper #inner-text h2 {
        font-size:12px !important;
    }
}
#popup-wrapper #download-btn a.open-in-app {
    padding: 6px 4px 6px;
    color: #000;
    background-color: transparent;
    border: 1px solid #000;
    border-radius: 5px;
    font-weight: 700;
    font-size: 14px;
}

#popup-wrapper #download-btn a.open-in-app:focus {
    outline: none;
    outline-offset: 0;
    text-decoration: none;
    color: #000;
}

#popup-wrapper button.close {
    position: absolute;
    right: 5px;
    top: 0px;
    font-size: 25px;
    opacity: .7;
    color: #000;
    z-index: 1000;
    padding: 0;
    margin: 0;
}

#popup-wrapper button.close:hover {
    opacity: 1 !important;
}

@media (max-width: 640px) {
    #chat-patch #chat-image {
        background-image: url(/uploads/mediatypes/stills/live-help-new-res.png) !important;
        height: 118px !important;
        width: 34px !important;
    }
}
@media(max-width:767px) {
        .greencolorbg {
            background: #8cc542;
            float: left;
            width: 100%;
        }
    }
@media (max-width: 600px) {
    .btm-nav-Products {
        height:215px !important;

    }
}

@media (max-width: 400px) {
    .btm-nav-Products {
        height:260px !important;

    }
}