@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');

    body {
        font-family: 'Open Sans', sans-serif;
    }

    /*fonts*/
    @font-face {
        font-family: 'Andy_Bold';
        src: url('../fonts/Andy-Bold.eot');
        src: url('../fonts/Andy-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Andy-Bold.woff') format('woff'),
            url('../fonts/Andy-Bold.ttf') format('truetype'),
            url('../fonts/Andy-Bold.svg#Andy-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
    }
    @font-face {
        font-family: 'Batman';
        src: url('../fonts/BatmanForeverAlternate.eot');
        src: url('../fonts/BatmanForeverAlternate.eot?#iefix') format('embedded-opentype'),
            url('../fonts/BatmanForeverAlternate.woff') format('woff'),
            url('../fonts/BatmanForeverAlternate.ttf') format('truetype'),
            url('../fonts/BatmanForeverAlternate.svg#BatmanForeverAlternate') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Carolindo';
        src: url('../fonts/DorovarFLF-Carolus.eot');
        src: url('../fonts/DorovarFLF-Carolus.eot?#iefix') format('embedded-opentype'),
            url('../fonts/DorovarFLF-Carolus.woff') format('woff'),
            url('../fonts/DorovarFLF-Carolus.ttf') format('truetype'),
            url('../fonts/DorovarFLF-Carolus.svg#DorovarFLF-Carolus') format('svg');
        font-weight: normal;
        font-style: normal;
    }

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

    @font-face {
        font-family: 'Beach_Type';
        src: url('../fonts/BeachTypeMedium.eot');
        src: url('../fonts/BeachTypeMedium.eot?#iefix') format('embedded-opentype'),
            url('../fonts/BeachTypeMedium.woff') format('woff'),
            url('../fonts/BeachTypeMedium.ttf') format('truetype'),
            url('../fonts/BeachTypeMedium.svg#BeachTypeMedium') format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'COLLEGE_bold';
        src: url('../fonts/CollegeBold.eot');
        src: url('../fonts/CollegeBold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/CollegeBold.woff') format('woff'),
            url('../fonts/CollegeBold.ttf') format('truetype'),
            url('../fonts/CollegeBold.svg#CollegeBold') format('svg');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'terminal';
        src: url('../fonts/TerminatorRealNFI.eot');
        src: url('../fonts/TerminatorRealNFI.eot?#iefix') format('embedded-opentype'),
            url('../fonts/TerminatorRealNFI.woff') format('woff'),
            url('../fonts/TerminatorRealNFI.ttf') format('truetype'),
            url('../fonts/TerminatorRealNFI.svg#TerminatorRealNFI') format('svg');
        font-weight: 500;
        font-style: normal;
    }

    @font-face {
        font-family: 'Chow Fun';
        src: url('../fonts/ChowFun.eot');
        src: url('../fonts/ChowFun.eot?#iefix') format('embedded-opentype'),
            url('../fonts/ChowFun.woff') format('woff'),
            url('../fonts/ChowFun.ttf') format('truetype'),
            url('../fonts/ChowFun.svg#ChowFun') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Creeper';
        src: url('../fonts/CreeperBlackSWFTE.eot');
        src: url('../fonts/CreeperBlackSWFTE.eot?#iefix') format('embedded-opentype'),
            url('../fonts/CreeperBlackSWFTE.woff') format('woff'),
            url('../fonts/CreeperBlackSWFTE.ttf') format('truetype'),
            url('../fonts/CreeperBlackSWFTE.svg#CreeperBlackSWFTE') format('svg');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'Mad_Mag';
        src: url('../fonts/MADFONT.eot');
        src: url('../fonts/MADFONT.eot?#iefix') format('embedded-opentype'),
            url('../fonts/MADFONT.woff') format('woff'),
            url('../fonts/MADFONT.ttf') format('truetype'),
            url('../fonts/MADFONT.svg#MADFONT') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Man_O_War';
        src: url('../fonts/GodOfWar.eot');
        src: url('../fonts/GodOfWar.eot?#iefix') format('embedded-opentype'),
            url('../fonts/GodOfWar.woff') format('woff'),
            url('../fonts/GodOfWar.ttf') format('truetype'),
            url('../fonts/GodOfWar.svg#GodOfWar') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Georgia_Bold';
        src: url('../fonts/Georgia-Bold.eot');
        src: url('../fonts/Georgia-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Georgia-Bold.woff') format('woff'),
            url('../fonts/Georgia-Bold.ttf') format('truetype'),
            url('../fonts/Georgia-Bold.svg#Georgia-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'King Rich';
        src: url('../fonts/KingRichard.eot');
        src: url('../fonts/KingRichard.eot?#iefix') format('embedded-opentype'),
            url('../fonts/KingRichard.woff') format('woff'),
            url('../fonts/KingRichard.ttf') format('truetype'),
            url('../fonts/KingRichard.svg#KingRichard') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Bell_Bottom';
        src: url('../fonts/BellBottomLaser.eot');
        src: url('../fonts/BellBottomLaser.eot?#iefix') format('embedded-opentype'),
            url('../fonts/BellBottomLaser.woff') format('woff'),
            url('../fonts/BellBottomLaser.ttf') format('truetype'),
            url('../fonts/BellBottomLaser.svg#BellBottom.Laser') format('svg');
        font-weight: 100;
        font-style: normal;
    }

    @font-face {
        font-family: 'Augustus';
        src: url('../fonts/Augustus.eot');
        src: url('../fonts/Augustus.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Augustus.woff') format('woff'),
            url('../fonts/Augustus.ttf') format('truetype'),
            url('../fonts/Augustus.svg#Augustus') format('svg');
        font-weight: 100;
        font-style: italic;
    }

    @font-face {
        font-family: 'Chinese_Take_Away';
        src: url('../fonts/ChineseTakeaway.eot');
        src: url('../fonts/ChineseTakeaway.eot?#iefix') format('embedded-opentype'),
            url('../fonts/ChineseTakeaway.woff') format('woff'),
            url('../fonts/ChineseTakeaway.ttf') format('truetype'),
            url('../fonts/ChineseTakeaway.svg#ChineseTakeaway') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'SOLO_DOLO';
        src: url('../fonts/HanSolo.eot');
        src: url('../fonts/HanSolo.eot?#iefix') format('embedded-opentype'),
            url('../fonts/HanSolo.woff') format('woff'),
            url('../fonts/HanSolo.ttf') format('truetype'),
            url('../fonts/HanSolo.svg#HanSolo') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Victorian_LET';
        src: url('../fonts/VictorianLetPlain.eot');
        src: url('../fonts/VictorianLetPlain.eot?#iefix') format('embedded-opentype'),
            url('../fonts/VictorianLetPlain.woff') format('woff'),
            url('../fonts/VictorianLetPlain.ttf') format('truetype'),
            url('../fonts/VictorianLetPlain.svg#VictorianLetPlain') format('svg');
        font-weight: 100;
        font-style: normal;
    }

    @font-face {
        font-family: 'Colony_Wars';
        src: url('../fonts/ColonyWarsNormal.eot');
        src: url('../fonts/ColonyWarsNormal.eot?#iefix') format('embedded-opentype'),
            url('../fonts/ColonyWarsNormal.woff') format('woff'),
            url('../fonts/ColonyWarsNormal.ttf') format('truetype'),
            url('../fonts/ColonyWarsNormal.svg#ColonyWarsNormal') format('svg');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'Script_MJ_Bold';
        src: url('../fonts/ScriptMTBold.eot');
        src: url('../fonts/ScriptMTBold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/ScriptMTBold.woff') format('woff'),
            url('../fonts/ScriptMTBold.ttf') format('truetype'),
            url('../fonts/ScriptMTBold.svg#ScriptMTBold') format('svg');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'League';
        src: url('../fonts/LeagueGothic.eot');
        src: url('../fonts/LeagueGothic.eot?#iefix') format('embedded-opentype'),
            url('../fonts/LeagueGothic.woff') format('woff'),
            url('../fonts/LeagueGothic.ttf') format('truetype'),
            url('../fonts/LeagueGothic.svg#LeagueGothic') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Comic Sans';
        src: url('../fonts/ComicSansMS.eot');
        src: url('../fonts/ComicSansMS.eot?#iefix') format('embedded-opentype'),
            url('../fonts/ComicSansMS.woff') format('woff'),
            url('../fonts/ComicSansMS.ttf') format('truetype'),
            url('../fonts/ComicSansMS.svg#ComicSansMS') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Pirate_Bay';
        src: url('../fonts/Caribbean-Regular.eot');
        src: url('../fonts/Caribbean-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Caribbean-Regular.woff') format('woff'),
            url('../fonts/Caribbean-Regular.ttf') format('truetype'),
            url('../fonts/Caribbean-Regular.svg#Caribbean-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Aquiline';
        src: url('../fonts/AquilineExtraBoldSWFTE.eot');
        src: url('../fonts/AquilineExtraBoldSWFTE.eot?#iefix') format('embedded-opentype'),
            url('../fonts/AquilineExtraBoldSWFTE.woff') format('woff'),
            url('../fonts/AquilineExtraBoldSWFTE.ttf') format('truetype'),
            url('../fonts/AquilineExtraBoldSWFTE.svg#AquilineExtraBoldSWFTE') format('svg');
        font-weight: 800;
        font-style: normal;
    }

    @font-face {
        font-family: 'Art_Brush';
        src: url('../fonts/ArtBrush.eot');
        src: url('../fonts/ArtBrush.eot?#iefix') format('embedded-opentype'),
            url('../fonts/ArtBrush.woff') format('woff'),
            url('../fonts/ArtBrush.ttf') format('truetype'),
            url('../fonts/ArtBrush.svg#ArtBrush') format('svg');
        font-weight: normal;
        font-style: normal;
    }

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

    @font-face {
        font-family: 'Blade_Runner';
        src: url('../fonts/BladeRunnerMovieFont.eot');
        src: url('../fonts/BladeRunnerMovieFont.eot?#iefix') format('embedded-opentype'),
            url('../fonts/BladeRunnerMovieFont.woff') format('woff'),
            url('../fonts/BladeRunnerMovieFont.ttf') format('truetype'),
            url('../fonts/BladeRunnerMovieFont.svg#BladeRunnerMovieFont') format('svg');
        font-weight: bold;
        font-style: italic;
    }

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

    @font-face {
        font-family: 'philly';
        src: url('../fonts/PhillySans.eot');
        src: url('../fonts/PhillySans.eot?#iefix') format('embedded-opentype'),
            url('../fonts/PhillySans.woff') format('woff'),
            url('../fonts/PhillySans.ttf') format('truetype'),
            url('../fonts/PhillySans.svg#PhillySans') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Strongtype';
        src: url('../fonts/Strongtype.eot');
        src: url('../fonts/Strongtype.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Strongtype.woff') format('woff'),
            url('../fonts/Strongtype.ttf') format('truetype'),
            url('../fonts/Strongtype.svg#Strongtype') format('svg');
        font-weight: 100;
        font-style: normal;
    }

    @font-face {
        font-family: 'Wild_Ride';
        src: url('../fonts/WildRide.eot');
        src: url('../fonts/WildRide.eot?#iefix') format('embedded-opentype'),
            url('../fonts/WildRide.woff') format('woff'),
            url('../fonts/WildRide.ttf') format('truetype'),
            url('../fonts/WildRide.svg#WildRide') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Cooper_Std_Black';
        src: url('../fonts/CooperBlack.eot');
        src: url('../fonts/CooperBlack.eot?#iefix') format('embedded-opentype'),
            url('../fonts/CooperBlack.woff') format('woff'),
            url('../fonts/CooperBlack.ttf') format('truetype'),
            url('../fonts/CooperBlack.svg#CooperBlack') format('svg');
        font-weight: 900;
        font-style: normal;
    }

    @font-face {
        font-family: 'digitol';
        src: url('../fonts/Digitol.eot');
        src: url('../fonts/Digitol.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Digitol.woff') format('woff'),
            url('../fonts/Digitol.ttf') format('truetype'),
            url('../fonts/Digitol.svg#Digitol') format('svg');
        font-weight: normal;
        font-style: normal;
    }

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

    @font-face {
        font-family: 'Seven Swordsmen BB';
        src: url('../fonts/SevenSwordsmenBB.eot');
        src: url('../fonts/SevenSwordsmenBB.eot?#iefix') format('embedded-opentype'),
            url('../fonts/SevenSwordsmenBB.woff') format('woff'),
            url('../fonts/SevenSwordsmenBB.ttf') format('truetype'),
            url('../fonts/SevenSwordsmenBB.svg#SevenSwordsmenBB') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'METROPOLIS';
        src: url('../fonts/Metrolox.eot');
        src: url('../fonts/Metrolox.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Metrolox.woff') format('woff'),
            url('../fonts/Metrolox.ttf') format('truetype'),
            url('../fonts/Metrolox.svg#Metrolox') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'My_Corona';
        src: url('../fonts/CloisterBlackBT-Regular.eot');
        src: url('../fonts/CloisterBlackBT-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/CloisterBlackBT-Regular.woff') format('woff'),
            url('../fonts/CloisterBlackBT-Regular.ttf') format('truetype'),
            url('../fonts/CloisterBlackBT-Regular.svg#CloisterBlackBT-Regular') format('svg');
        font-weight: 900;
        font-style: normal;
    }

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

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

    @font-face {
        font-family: 'Arial_Rounded';
        src: url('../fonts/ArialRoundedMTBold.eot');
        src: url('../fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/ArialRoundedMTBold.woff') format('woff'),
            url('../fonts/ArialRoundedMTBold.ttf') format('truetype'),
            url('../fonts/ArialRoundedMTBold.svg#ArialRoundedMTBold') format('svg');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'Wally_World_jr';
        src: url('../fonts/WaltographUI-Bold.eot');
        src: url('../fonts/WaltographUI-Bold.eot?#iefix') format('embedded-opentype'),
            url('../fonts/WaltographUI-Bold.woff') format('woff'),
            url('../fonts/WaltographUI-Bold.ttf') format('truetype'),
            url('../fonts/WaltographUI-Bold.svg#WaltographUI-Bold') format('svg');
        font-weight: bold;
        font-style: normal;
    }

    @font-face {
        font-family: 'Sybil Green';
        src: url('../fonts/SybilGreen-Regular.eot');
        src: url('../fonts/SybilGreen-Regular.eot?#iefix') format('embedded-opentype'),
            url('../fonts/SybilGreen-Regular.woff') format('woff'),
            url('../fonts/SybilGreen-Regular.ttf') format('truetype'),
            url('../fonts/SybilGreen-Regular.svg#SybilGreen-Regular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'X-File';
        src: url('../fonts/X-File.eot');
        src: url('../fonts/X-File.eot?#iefix') format('embedded-opentype'),
            url('../fonts/X-File.woff') format('woff'),
            url('../fonts/X-File.ttf') format('truetype'),
            url('../fonts/X-File.svg#X-File') format('svg');
        font-weight: normal;
        font-style: normal;
    }

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

    @font-face {
        font-family: 'Swagger';
        src: url('../fonts/Lobster14.eot');
        src: url('../fonts/Lobster14.eot?#iefix') format('embedded-opentype'),
            url('../fonts/Lobster14.woff') format('woff'),
            url('../fonts/Lobster14.ttf') format('truetype'),
            url('../fonts/Lobster14.svg#Lobster1.4') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Show_Card_Gothic';
        src: url('../fonts/ShowcardGothic-Reg.eot');
        src: url('../fonts/ShowcardGothic-Reg.eot?#iefix') format('embedded-opentype'),
            url('../fonts/ShowcardGothic-Reg.woff') format('woff'),
            url('../fonts/ShowcardGothic-Reg.ttf') format('truetype'),
            url('../fonts/ShowcardGothic-Reg.svg#ShowcardGothic-Reg') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'GReEK';
        src: url('../fonts/AncientGeek.eot');
        src: url('../fonts/AncientGeek.eot?#iefix') format('embedded-opentype'),
            url('../fonts/AncientGeek.woff') format('woff'),
            url('../fonts/AncientGeek.ttf') format('truetype'),
            url('../fonts/AncientGeek.svg#AncientGeek') format('svg');
        font-weight: normal;
        font-style: normal;
    }
    /*fonts*/

    /*header css start*/

    header {
        width: 100%;
        float: left;
    }

    header .top-heaer {
        width: 100%;
        float: left;
    }

    header .top-heaer .logo {
        width: 100%;position: relative;float: left;top: 3px;
    }

    header .top-heaer .item-right {
        width: 100%;
        float: left;
        text-align: right;
    }

    header .top-heaer .item-right ul {
        width: auto;
        float: right;
        background: #004aba;
        padding: 5px 5px;
        border-radius: 6px;
        border: 1px solid;
        margin-top: 20px;
    }

    header .top-heaer .item-right ul li {
        list-style: none;
        display: inline-block;
        text-transform: capitalize;
    }

    header .top-heaer .item-right ul li a {
        color: #fff;
        font-size: 17px;
        font-weight: 700;
        padding-right: 8px;
        border-right: 3px solid;
        padding-left: 8px;
    }

    header .top-heaer .item-right ul li {
        list-style: none;
        display: inline-block;
        text-transform: capitalize;
    }

    header.bottom-header {
        width: 100%;
        float: left;
    }

    .bottom-header .navbar-inverse {
        background-color: #004aba;
        border-color: #080808;
        min-height: 32px;
        padding-top: 6px;
        padding-bottom: 6px;
        margin-bottom: 0px;
        border-radius: 6px;
        margin-top: 12px;
    }

    .bottom-header .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        text-transform: capitalize;
        font-weight: 700;
        font-size: 17px;
        padding: 5px 24px;
        border-right: 3px solid;
        line-height: 13px;
    }

    a:hover {
        text-decoration: none;
    }

    .bottom-header .navbar-inverse .navbar-nav li:last-child a {
        border-right: none;
    }

    header .bottom-header {
        width: 100%;
        float: left;
    }

    header .top-heaer .item-right ul li:last-child a {
        border-right: none;
    }

    .navbar-inverse .navbar-nav > .active > a,
    .navbar-inverse .navbar-nav > .active > a:focus,
    .navbar-inverse .navbar-nav > .active > a:hover {
        color: #fff;
        background-color: transparent !important;

    }
    h1.inline {
        display: inline;
        font-size: 16px;
        line-height: 29px;
    }
    h1.mainh1 {
        text-align:center;
        padding-top: 0;
        clear:both;
        margin-top: 0;
    }

    /*submenu css start here*/

    ul.drop_menus {
        position: absolute;
        background-color: #004aba;
        width: 206px;
        z-index: 99;
        padding-left: 19px;
        padding-bottom: 10px;
        display: none;
    }

    .navbar-nav > li:hover ul.drop_menus {
        display: block;
    }

    ul.drop_menus li {
        list-style: none;
        line-height: 22px;
    }

    ul.drop_menus li a {
        color: #fff;
        font-size: 14px;
        line-height: 27px;
    }

    ul.drop_sub_menus {
        position: absolute;
        top: 6px;
        right: -160px;
        padding-top: 10px;
        padding-left: 13px;
        background: #0c3a80;
        padding-right: 20px;
        padding-bottom: 10px;
        display: none;
    }

    .navbar-nav > li:hover ul.drop_menus {
        display: block;
    }

    ul.drop_menus li:hover ul.drop_sub_menus {
        display: block;
    }

    /*submenu css end here*/

    /*headre css end here*/

    /*middle css start here*/

    .cust-suf {
        text-align: center;
        width: 100%;
        float: left;
    }
    .middle {
        width: 100%;
        float: left;
        text-align: center;
        padding: 30px 0;
    }

    .middle h3,
    .middle h2 {
        font-size: 23px;
        margin-bottom: 63px;
        font-style: italic;
        font-weight: 600;
        text-transform: capitalize;
    }

    .middle .oder-list p {
        width: 100%;
        float: left;
        font-size: 16px;
        margin-bottom: 0px;
        line-height: 23px;
        font-weight: 700;
        text-transform: capitalize;
        color: #e61340;
    }

    .imgaes-list {
        width: 100%;
        border-top: 4px solid #868686;
        /*margin-top: 74px;*/
        display: inline-block;
        max-width: 990px;
    }

    .oder-list {
        margin-top: 30px;
    }

    .imgaes-list ul {
        width: 100%;
        display: inline-block;
        padding-left: 24px;
        padding-right: 26px;
    }

    .imgaes-list ul li {
        list-style: none;
        display: inline-block;
        float: none;
        width: 49%;
        padding: 10px;
    }

    .imgaes-list ul li figure img {
        width: 100%;
    }

    .imgaes-list ul li figure {
        width: 100%;
        float: left;
    }

    .imgaes-list .boer-right {
        border-left: 4px solid #868686;
    }

    .imgaes-list ul figcaption {
        width: 100%;
        float: left;
    }

    .imgaes-list ul figcaption h4 {
        font-size: 17px;
        font-weight: 700;
        color: #000;
        margin-top: 0px;
    }

    .cuto-wrist {
        width: 100%;
        float: left;
        text-align: center;
        padding-bottom: 50px;
    }

    .cuto-wrist h3 {
        font-size: 28px;
        font-weight: 700;
        color: #000;
        margin-top: 30px;
        margin-bottom: 23px;
    }

    .cuto-wrist p {
        font-size: 15px;
        font-weight: 600;
        color: #000;
    }

    #bandForm {
        margin-top: 26px;
        width: 100%;
        float: left;
        margin-bottom: 50px;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #101010;
        padding-left: 0px;
    }

    .cust-suf a {
        font-size: 20px;
    }

    #bandModal input {
        display: none;
    }

    #bandModal button.close {
        position: absolute;
        right: 24px;
        top: 18px;
    }

    /*middle css end here*/

    /*dummy-cust css start here*/

    .dummy-cust {
        float: left;
        margin-top: 37px;
        width: 100%;
    }

    .dummy-cust h4 {
        float: left;
        font-size: 20px !important;
        margin-bottom: 30px;
        width: 100%;
    }

    .add-color .font-cust {
        float: left;
        width: 100%;
    }

    .add-color .font-cust a {
        background-color: rgb(130, 207, 15);
        border: 1px solid #000;
        border-radius: 6px;
        color: #000;
        display: inline-block;
        font-size: 19px;
        font-weight: 600;
        padding: 0 15px 20px;
        position: relative;
        text-transform: capitalize;
    }

    .add-color .font-cust a span {
        bottom: 0;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        text-align: center;
    }

    .add-color .font-cust h3 {
        color: rgb(221, 20, 58);
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0;
        margin-top: 0;
        text-align: center;
        text-transform: capitalize;
    }

    .add-color .form-group {
        float: left;
        text-align: center;
        width: 100%;
        margin-top: 14px;
    }

    .add-color .form-control {
        background-color: #fff;
        background-image: none;
        border: 1px solid #000;
        border-radius: 6px;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
        color: #000;
        display: block;
        font-size: 18px;
        font-weight: 600;
        height: 44px;
        line-height: 1.42857;
        padding: 6px 12px;
        text-align: center;
        transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
        width: 100%;
    }

    .dummy-cust .text-muted {
        border: 1px solid;
        border-radius: 3px;
        color: #000;
        display: inline-block;
        font-size: 17px !important;
        font-style: italic;
        line-height: 32px;
        margin-bottom: 50px;
        margin-top: 10px;
        width: 340px;
    }

    .sec-qa {
        float: left;
        width: 100%;
    }

    #bandForm hr {
        background: rgb(158, 158, 158) none repeat scroll 0 0;
        height: 4px;
    }

    .sec-qa .btn.btn-primary.btn-flat.btn-lg.pull-right.addToCart {
        background: rgb(130, 207, 15) none repeat scroll 0 0;
        color: #000;
        font-size: 20px;
        font-weight: 600;
        margin-top: 80px;
        padding: 30px 40px;
    }

    .sec-qa textarea {
        background-color: rgb(230, 230, 230);
        border: 1px solid #000;
        border-radius: 10px;
        color: #000 !important;
        font-size: 17px;
        margin-top: 30px;
        padding-left: 10px;
        padding-top: 10px;
    }

    .form-control::-moz-placeholder {
        color: #000;
        opacity: 1;
    }

    .sec-qa small {
        float: left;
        font-size: 13px;
        font-weight: 700;
        margin-top: 10px;
        text-align: center;
        width: 100%;
    }

    .sec-qa input {
        border: 1px solid;
    }

    .sec-qa h3 {
        color: rgb(221, 20, 58);
        font-weight: 700;
        margin-bottom: 21px;
        text-align: center;
    }

    /*dummy-cust css end here*/

    /*price css start here*/

    .price-cust {
        width: 100%;
        float: left;
    }

    .price-cust > figure {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .price-cust h3 {
        width: 100%;
        float: left;
        text-align: center;
        font-weight: 700;
        font-size: 34px;
        color: #000;
        margin-top: 0px;
        margin-bottom: 60px;
    }

    .price-cust tr.price_chart_quantity {
        background-color: #b5b0b0;
    }

    .price-cust tr.price_chart_quantity td {
        color: #fff;
    }

    .mid-cust h4 {
        font-size: 14px;
    }

    .mid-cust {
        width: 100%;
        float: left;
        margin-bottom: 90px;
        margin-top: 30px;
    }

    .video_sec {
        width: 100%;
        float: left;
        text-align: center;
    }

    .video_sec h6 {
        font-size: 13px;
    }

    .foot-tile {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 50px;
    }

    .foot-tile h2 {
        margin-top: 6px;
        font-weight: 700;
        color: #666;
    }

    .foot-tile p {
        font-weight: 600;
        font-size: 15px;
    }

    footer {
        width: 100%;
        float: left;
        text-align: center;
        padding-bottom: 30px;
        background: #004aba;
        color: #fff;
        clear: both;
        padding-top: 30px;

    }

    footer h4 {
        font-size: 15px;
        color: #000;
        line-height: 22px;
        font-weight: 600;
    }
    
    footer a {
        color: #FFF;
        text-decoration: underline;
    }
    
    footer a:hover {
        text-decoration: none;
    }

    /*pricet css end here*/

    .cata-cust {
        width: 100%;
        float: left;
        margin-top: 30px;
    }

    .cata-cust h3 {
        font-size: 30px;
        color: #000;
        margin-bottom: 30px;
        font-weight: 600;
    }

    .cata-cust h4 {
        font-size: 18px;
        margin-top: 10px;
        width: 100%;
        float: left;
        margin-bottom: 17px;
        font-weight: 700;
    }

    .mid-cat {
        width: 100%;
        float: left;
        margin-top: 34px;
    }

    .mid-cat h2 {
        font-size: 19px;
        width: 100%;
        float: left;

    }

    .mid-cat ul {
        padding-left: 23px;
        margin-top: 10px;
        width: 100%;
        float: left;
    }

    .mid-cat h2 a {
        font-weight: 600;
        color: #000;
    }

    .mid-cat ul li a {
        color: #000;
        line-height: 22px;
        font-weight: 500;
    }

    .cata-cust h5 {
        width: 100%;
        float: left;
        font-size: 20px;
        font-weight: 700;
        color: #000;
        margin-bottom: 23px;
        margin-top: 23px;
    }

    .cata-vid {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .cata-vid h6 {
        font-size: 18px;
        line-height: 22px;
    }


    /*about us page css start here*/

    .about-cust h3 {
        width: 100%;
        float: left;
        margin-bottom: 31px;
        font-weight: 700;
        font-size: 28px;
        color: #1c1c1c;
    }

    .about-cust {
        width: 100%;
        float: left;
        margin-top: 40px;
        margin-bottom: 6px;
    }

    .about-cust p span {
        font-size: 10px;
        position: relative;
        top: -3px;
    }

    .about-cust p {
        font-size: 15px;
        line-height: 22px;
        color: #000;
        width: 100%;
        float: left;
        margin-bottom: 30px;
    }

    .about-cust p strong {
        color: #004aba;
    }

    .faq-cust h3,
    .faq-cust h1 {
        width: 100%;
        float: left;
        margin-bottom: 25px;
        font-weight: 700;
        color: #000;
        font-size: 29px;
     
        padding-bottom: 10px;
    }

    .faq-cust h3 span,
    .faq-cust h1 span {
        color: #f01c1c;
    }

    .faq-cust h2 {
        width: 100%;
        float: left;
        margin-bottom: 24px;
        font-size: 18px;
        font-weight: 700;
    }

    div#accordion .card h5 a {
        width: 100%;
        float: left;
        display: inline-block;
        line-height: 44px;
        font-size: 17px;
        font-weight: 600;
    }

    div#accordion p {
        font-size: 14px;margin-top: 2px;text-align: left;width: 100%; float: left;margin-bottom: 9px;
    }

    .des {
        font-size: 14px;
        margin-top: 2px;
        width: 100%;
        float: left;
        margin-bottom: 9px;
    }

    .card-body ul {
        width: 100%;
        float: left;
        padding-left: 20px;
    }

    .card-body ul li {
        list-style: none;
        font-size: 14px;
        line-height: 24px;
    }

    .card-body ul li .fa {
        margin-right: 10px;
    }


    .faq-cust {
        width: 100%;
        float: left;
        margin-top: 31px;
        margin-bottom: 23px;
        border: 1px solid #d5ba01;
        border-radius: 6px;
        padding-left: 30px;
        padding-bottom: 25px;
        padding-top: 8px;
    }

    .faq-cust > ul > li span {
        font-weight: 800;
        color: #f01c1c;
    }

    .faq-cust > ul > li > a {
        font-size: 14px;
        color: #004aba;
        font-weight: 600;
    }

    .faq-cust > ul > li {
        list-style: none;
        display: inline-block;
    }

    .faq-cust > ul {
        padding-left: 0px;
        width: 100%;
        float: left;
    }




    /* Source Files style 15-3-2018 */

    .band_preview {
        position: relative;
    }

    label.firstLine {
        position: absolute;
        bottom: 31px;
        left: 0;
        width: 63%;
        text-align: center;
        background: transparent;
        border: none;
    }

    label.secondLine {
        position: absolute;
        bottom: 11px;
        left: 0;
        width: 63%;
        text-align: center;
        background: transparent;
        border: none;
    }

    label.centerText {
        bottom: 13px !important;
        font-size: 22px;
    }

    .cust-error {
        box-shadow: #ff0000 0px 0px 6px 1px !important;
    }




    /*

    i-heart-wristbands Code

    .band_preview{
                    position: relative;
                }
                label.firstLine {
                        position: absolute;
                    bottom: 31px;
                    left: 0;
                    width: 34%;
                    text-align: right;
                    background: transparent;
                    border: none;
                    font-size: 22px;
                }
                label.secondLine {
                       position: absolute;
                        bottom: 31px;
                        right: 75px;
                        width: 34%;
                        text-align: left;
                        background: transparent;
                        border: none;
                        font-size: 22px;
                }
                label.centerText {
                    bottom: 13px !important;
                    font-size: 22px;
                }
                .cust-error {
                    box-shadow: #ff0000 0px 0px 6px 1px !important;
                }
                iframe{
                    width: 100%;
                    border: none;
                }

    */

    /* Cutom New style 15-3-2018 */

    label.firstLine.text_color.custom-wristbands-width.centerText,
    label.secondLine.text_color.custom-wristbands-width {
        width: 100% !important;
        padding: 5px 10px;
        margin: 0 auto;
    }

    label.firstLine.text_color.custom-wristbands-width,
    label.secondLine.text_color.custom-wristbands-width {
        width: 100% !important;
        font-size: 18px;
        /*text-shadow: #333 1px 1px 1px;*/
    }



    .band_preview.custom-width-imgpreview {
        width: 100%;
        max-width: 355px;
        margin: auto;
    }

    .band_preview.custom-width-imgpreview img {
        width: 100%;
        height: 70px;
    }


    label.firstLine.text_color.custom-wristbands-width.centerText {
        bottom: 20px;
    }



    /*----i-heart-wristbands----*/

    label.firstLine.text_color.custom-width,
    label.secondLine.text_color.custom-width {
        top: 25px;
        font-size: 12px;
    }


    label.firstLine.text_color.custom-width {
        width: 40%;
        padding: 0 15px;
        left: 0;
        text-align: right;
        bottom: 0;
    }

    label.secondLine.text_color.custom-width {
        width: 40% !important;
        padding: 0 0px;
        left: auto;
        right: -10px;
        text-align: left;
    }


    /*----strong-id-band-builder----*/

    /*
    .band_preview {
        position: relative;
    }

    label.firstLine1,
    label.firstLine2 {
        position: absolute;
        bottom: 31px;
        left: 0;
        width: 63%;
        text-align: center;
        background: transparent;
        border: none;
        text-shadow: #333 1px 1px 1px;
        width: 55%;
        left: 0;
    }

    label.firstLine1 {
        top: 10px;
    }

    label.firstLine2 {
        top: 31px;
    }

    label.secondLine1,
    label.secondLine2 {
        position: absolute;
        left: 0;
        width: 55%;
        text-align: center;
        background: transparent;
        border: none;
        text-shadow: #333 1px 1px 1px;
    }

    label.secondLine1 {
        bottom: 24px;
    }

    label.secondLine2 {
        bottom: 5px;
    }

    label.centerText {
        bottom: 13px !important;
        font-size: 22px;
    }

    .cust-error {
        box-shadow: #ff0000 0px 0px 6px 1px !important;
    }

    iframe {
        width: 100%;
        border: none;
    }
    */

    label.firstLine1,
    label.firstLine2 {
        position: absolute;
        bottom: 31px;
        left: 0;
        width: 63%;
        text-align: center;
        background: transparent;
        border: none;
        text-shadow: #333 1px 1px 1px;
        width: 55%;
        left: 0;
    }

    label.firstLine1 {
        top: 10px;
    }

    label.firstLine2 {
        top: 31px;
    }

    label.secondLine1,
    label.secondLine2 {
        position: absolute;
        left: 0;
        width: 55%;
        text-align: center;
        background: transparent;
        border: none;
        text-shadow: #333 1px 1px 1px;
    }

    label.secondLine1 {
        bottom: 24px;
    }

    label.secondLine2 {
        bottom: 5px;
    }


    label.firstLine1.text_color.custom-wristbands-width,
    label.secondLine1.text_color.custom-wristbands-width,
    label.firstLine2.text_color.custom-wristbands-width,
    label.secondLine2.text_color.custom-wristbands-width {
        width: 355px;
        font-size: 12px;
        text-shadow: #333 1px 1px 1px;
        padding: 5px 10px;
        margin: 0 auto;
    }


    label.firstLine1.text_color.custom-wristbands-width.centerText {
        top: 20px;
    }


    label.secondLine1.text_color.custom-wristbands-width.centerText {
        bottom: 20px !important;
    }

    .popup-image-contain {
        height: 70px;
        width: 100%;
        position: relative;
        background-size: 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .popup-image-contain-1 {
        height: 70px;
        width: 100%;
        position: relative;
        background-size: auto !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }


    .popup-image-contain-2 {
        height: 115px;
        width: 100%;
        position: relative;
        background-size: auto !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }


    /*----lazer_made----*/


        .clipart_main {
        width: 100%;
        float: left;
        position: relative;
        margin: 0 0 10px 0;
        }

        .clipart_main .clipart_left {
        float: left;

        }

        .clipart_main .clipart_right {
            float: right;
        }
        .band_preview.cust-click label {
            width: 100% !important;
        }

        .band_preview.cust-click label.firstLine {
            position: absolute;
            bottom: 67px;
        }
        .band_preview.cust-click label.firstLine.text_color.custom-wristbands-width.centerText {
            bottom: 65px !important;
        }
        .form-control {
            margin-bottom: 10px;
        }

        .cust-suf.cust-debo label.firstLine.text_color.custom-wristbands-width.centerText {
            bottom: 156px !important;
        }
    .cust-suf.cust-debo label {
        position: absolute;
        bottom: 31px;
        left: 0;
        width: 63% !important;
        text-align: center;
        background: transparent;
        border: none;
    }

    .cust-suf.cust-debo label#firstLine {
        POSITION: absolute;
        bottom: 150px !important;
    }

        .pric_lt_cnt table.cartTable {
            width: 100%;
            border-collapse: collapse;
        }

        .pric_lt_cnt table.cartTable td {
            /*border-top: none !important;
            border-left: none !important;
            border-right: none !important;*/
        }
        .pric_lt_cnt table.cartTable tbody td {
            /*border-top: none !important;
            border-left: none !important;
            border-right: none !important;*/
            border-bottom: 2px solid #333;
        }
        .pric_lt_cnt table.cartTable thead, table.cartTable tfoot  {
            background-color: #003FB3;
            width: 100%;
        }
        .pric_lt_cnt table.cartTable thead td, table.cartTable tfoot td {
            padding: 10px 0px;
            color: #fff;
        }
        .pric_lt_cnt .first-sec {
            display: inline-block;
            width: 30%;
            margin-right: 15px;
        }
        .pric_lt_cnt .second-sec {
            display: inline-block;
            width: 31%;
            float: none;
            margin-right: 15px;
        }
        .pric_lt_cnt .third-sec {
            display: inline-block;
            width: 29%;
        }

        .pric_lt_cnt .band-color, .pric_lt_cnt .font-color{
            width: 49%;
            display: inline-block;
            text-align:center;
            float: left;
        }
        .pric_lt_cnt .band-color p, .pric_lt_cnt .font-color p
        {
            text-align: center !important;
        }
        .pric_lt_cnt .cart-img{
            background: none repeat scroll 0 0 hsl(0, 0%, 100%);
            border-radius: 4px;
            box-shadow: 0 0 9px 0 hsl(0, 0%, 67%) inset, 0 0 4px 1px hsl(0, 0%, 87%);
            float: left;
            text-align: left;
                width: 100%;
                    margin-top: 3px;
        }
        .pric_lt_cnt .cart-img > img{
            width: 93%;
        padding: 6px;
        }
        .pric_lt_cnt .second-sec p {
        font-size: 15px;
        word-break: break-all;
    }

        .pric_lt_cnt .third-sec h3{
            color: #017ec8;
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
        }
        .pric_lt_cnt .third-sec, .pric_lt_cnt table tbody tr:last-child{
            font-family: 'Open Sans', sans-serif;
            font-size: 14px;
        }

        .pric_lt_cnt .beforeDiscountPrice {
            text-decoration: line-through;
            margin-right: 8px;
            font-weight: 700;
        }
        .pric_lt_cnt tr.no-boarder td{
            border: none !important;
            padding: 8px;
        }
        .pric_lt_cnt tfoot, tbody, thead{
            font-family: 'Open Sans', sans-serif;
        }
        .pric_lt_cnt #beforeDiscount {
            color: #656565;
            text-decoration: line-through;
        }
        .pric_lt_cnt tfoot{
            font-size: 18px
        }
        .pric_lt_cnt tr.no-boarder.discount {
            font-weight: 900;
            font-size: 16px;
            color: #003FB3;
            animation: blinker 2s linear infinite;
        }
        @keyframes blinker {  
          50% { opacity: 0.2; }
        }
      .pric_lt_cnt .third-sec  input[type="number"] {
            width: 50px;
                margin-bottom: 6px;
        }
        
        
        .third-sec input[type="submit"] {
        background: #004aba;
        border: 1px solid #003fb3;
        color: #fff;
        padding: 2px 4px;
    }
        
        
        .price-cust img {
        vertical-align: middle;

    }

    .price_chart td {
        font-weight: 700;
    }
    .price_chart table {
        width: 100%;
    }
    .price_chart {
        width: 100%;
        float: left;
    }
    iframe#cart {
        width: 100%;
        border: none;
    }
    .cart-item {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    form#checkoutform h4 {
        margin-top: 30px;
        width: 100%;
        float: left;
        font-size: 18px;
        line-height: 22px;
    }

    .cartBlock {
        width: 100%;
        float: left;
    }
    #bandForm h4 {
        width: 100%;
        float: left;
     
    }
    textarea {
        overflow: auto;
        border: 1px solid #ccc;
        border-radius: 3px;
        padding-top: 10px;
        padding-left: 10px;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }
    .cartBlock .btn-primary {
        float: right;
    }
    /*about us page css end here*/

       #r_fr, #r_fl, #r_br, #r_bl {
                    display: none;
                    font-size: 12px;
                }
              .band_preview {
        position: relative;
        max-width: 330px;
        margin: auto;
    }
    .cust-suf label.firstLine.text_color.custom-wristbands-width, label.secondLine.text_color.custom-wristbands-width {
        position: absolute;
        left: 0;
        width: 100% !important;
        text-align: center;
        background: transparent;
        border: none;
    }

               label.secondLine {
        position: absolute;
        bottom: 10px !important;
        left: 0;
        width: 100% !important;
        text-align: center;
        background: transparent;
        border: none;
    }
                label.centerText {
                    bottom: 20px !important;
                    font-size: 18px;
                }
                small.form-text.text-muted.color-filled {
        width: 80%;
        display: inline-block;
        text-align: center;
    }
    .add_art_btn a{
        font-weight: 700;
    }
                .cust-error {
                    box-shadow: #ff0000 0px 0px 6px 1px !important;
                }
              

                .float-left {
                    float: left;
                }
                .artwork_jwr .height-110.width-70.float-left {
                    margin: 0 7px;
                    position: relative;
                    left: 3px;
                    height: 106px;
                }
                .width-70 {
                    width: 70px;
                }
                .hoverCB {
                    background-position: center top;
                }
                .height-70 {
                    height: 70px;
                }
                .display-block {
                    display: block;
                    zoom: 1;
                }
                .cat_name {
                    font-size: 11px;
                    display: block;
                }
                .text-align-center {
                    text-align: center;
                }
                .cat_item_controls {
                    top: 0;
                    left: 0;
                    right: 0;
                    height: 20px;
                    background-color: white;
                }
                .cat_item_controls a.float-left {
                    display: inline-block;
                    padding: 0 10px;
                }
                .float-left {
                    float: left;
                }
                .all-artwork-wr .cat_items_wr {
                    position: absolute;
                    top: 20px;
                    left: 0;
                    right: 0;
                    bottom: 0;
                    display: none;
                    background-color: white;
                    overflow: auto;
                }
                .clip_outer {
                width: 93px;
                height: 93px;
                float: left;
                border: 1px solid #EEE;
                margin: 5px;
                border-radius: 4px;
                padding: 4px;
                font-size: 11px;
                font-family: arial;
                cursor: pointer;
                vertical-align: bottom;
                }
                .clip_inner {
                width: 80px;
                height: 50px;
                background-repeat: no-repeat;
                background-position: center;
                margin: 0 auto;
                }
                .clip_outer .text-align-center {
                text-align: center;
                width: 100%;
                float: left;
                display: inline-block;
                margin-top: 5px;
                }
                #clipartContainer {
                    overflow: auto;
                    height: 300px;
                }




    .cust-suf.medi label.firstLine.text_color.custom-wristbands-width, .cust-suf.medi .secondLine.text_color.custom-wristbands-width {
        width: 100% !important;
        text-align: center;
    }

    .cust-suf.medi label.secondLine {
        position: absolute;
        top: 100px;
    }


    .cust-suf.cust-kid .firstLine.text_color.custom-wristbands-width, .cust-suf.cust-kid label.secondLine.text_color.custom-wristbands-width {
        width: 100% !important;
    }

    .cust-suf.cust-debo label.firstLine.text_color.custom-wristbands-width, .cust-suf.cust-debo label.secondLine.text_color.custom-wristbands-width {
        width: 100% !important;
    }

    .cust-suf.cust-debo label.secondLine.text_color.custom-wristbands-width {
        top: 155px;
        position: absolute;
    }

    .form-group.col-md-12.totalPriceDiv h4.pull-right {
        float: right !important;
        text-align: right;
        font-size: 22px;
        color: #4cae4c;
        font-weight: 600;
    }
    form#checkoutform .filled li {
        list-style: none;
        color: #ff0000;
    }
    form#checkoutform .filled {
        padding: 0px;
    }

    .add-to-cart small.form-text.text-muted {
        position: absolute;
        left: 0;
        margin: 0 auto;
        right: 0;
        float: none !important;
        display: inline-block;
        width: 100%;
        max-width: 210px;
        text-align: center;
    }
    .add-to-cart label {
        width: 100%;
    }
    .font-10{
        font-size: 10px !important;
    }
    .font-11{
        font-size: 11px !important;
    }
    .font-12{
        font-size: 12px !important;
    }
    .font-13{
        font-size: 13px !important;
    }
    .font-14{
        font-size: 14px !important;
    }
    .font-15{
        font-size: 15px !important;
    }

    .font-10-center-top{
        font-size: 10px !important;
        top: 23px !important;
    }
    .font-11-center-top{
        font-size: 11px !important;
        top: 23px !important;
    }
    .font-12-center-top{
        font-size: 12px !important;
        top: 23px !important;
    }
    .font-13-center-top{
        font-size: 13px !important;
        top: 23px !important;
    }
    .font-14-center-top{
        font-size: 14px !important;
        top: 23px !important;
    }
    .font-15-center-top{
        font-size: 15px !important;
        top: 23px !important;
    }

    .font-10-center-bottom{
        font-size: 10px !important;
    }
    .font-11-center-bottom{
        font-size: 11px !important;
    }
    .font-12-center-bottom{
        font-size: 12px !important;
    }
    .font-13-center-bottom{
        font-size: 13px !important;
    }
    .font-14-center-bottom{
        font-size: 14px !important;
    }
    .font-15-center-bottom{
        font-size: 15px !important;
    }


    div#fl img{
        position: absolute;
        left: 128px;
        bottom: 70px;
    }

    div#fr img{
        position: absolute;
        right: 133px;
        bottom: 70px;
    }

    div#bl img {
        position: absolute;
        left: 127px;
        bottom: 22px;
    }

    div#br img {
        position: absolute;
        right: 126px;
        bottom: 21px;
    }

    .debossed_windbands_cust div#fl img{
        position: absolute !important;
        left: 125px !important;
        bottom: 150px !important;
    }

    .debossed_windbands_cust div#fr img{
        position: absolute !important;
        right: 125px !important;
        bottom: 150px !important;
    }

    .debossed_windbands_cust div#bl img {
        position: absolute !important;
        left: 127px !important;
        bottom: 45px !important;
    }

    .debossed_windbands_cust div#br img {
        position: absolute !important;
        right: 127px !important;
        bottom: 45px !important;
    }

    .button_order_now {
        border-top: 1px solid #f70015;
        background: #a31a4c;
        background: -webkit-gradient(linear, left top, left bottom, from(#eb174c), to(#a31a4c));
        background: -webkit-linear-gradient(top, #eb174c, #a31a4c);
        background: -moz-linear-gradient(top, #eb174c, #a31a4c);
        background: -ms-linear-gradient(top, #eb174c, #a31a4c);
        background: -o-linear-gradient(top, #eb174c, #a31a4c);
        padding: 14px 28px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: #fafa4b;
        font-size: 16pt;
        font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
        font-weight: bold;
        text-decoration: none;
        vertical-align: middle;}
        
        .lance-cust {
        width: 100%;
        float: left;
           text-align: center;
    }
    .cust-lan > div:nth-child(3) > div > img {
        width: 100%;
    }

    .faq-cust {
     
        padding-right: 30px;
    }

    .lance-cust .helf-cont {
        width: 100%;
        float: left;
        text-align: left;
    }

    .lance-cust .helf-cont ul {
        width: 100%;
        float: left;
        padding: 0px;
    }
    .lance-cust .helf-cont {
        width: 100%;
        float: left;
        text-align: left;
        background: url(../images/pages/rating-bk.png);
        background-repeat: no-repeat;
        padding-right: 120px;
        padding-left: 13px;
        height: 225px;
    }
    .lance-cust a {
        margin-top: 15px;
        width: 100%;
        float: left;
    }
    .lance-cust .helf-cont p img {
        margin-right: 10px;
    }
        .lance-cust .helf-cont ul li {
        list-style: none;
        display: inline-block;
    }

    .lance-cust .helf-cont p {
        width: 100%;
        float: left;
        color: #fff;
        font-weight: 600;
        font-size: 12px;
            line-height: 14px;
        margin-bottom: 5px;
    }
    .row.arical li {
        list-style: none;
        font-weight: 700;
        line-height: 28px;
        position: relative;
        padding-left: 30px;
        transition: 0.5s;
    }
    .row.arical li::before {
        content: "\f00c";
        font-family: FontAwesome;
        left: 0px;
        position: absolute;
    }
    .row.arical ul {
        width: 100%;
        float: left;
        padding: 0px;
    }
    .lance-cust .helf-cont ul li {
        list-style: none;
        display: inline-block;
        margin-top: 4px;
    }

    .button_order_now:hover {
        border-top-color: #bd0202;
        background: #bd0202;
        color: #fafa4b;
    }

    .faq-cust p {
        font-size: 14px;
        line-height: 24px;text-align: left;
    }
    .faq-cust p a {
        font-weight: bold;
    }

    .arical > div.col-md-4 > img{
        float: right;
    }

    .choose-option {
        width: 616px;
        float: none;
        margin: auto;
        background: #2399dc;
        display: inline-block;
        text-align: left;
        border-radius: 3px;
        max-width: 100%;
    }
    .row.cancer h3 {
        font-size: 18px;
        margin-bottom: 0px;
    }
    .row.cancer ul {
        width: 100%;
        float: left;
        padding: 0px;
    }

    .cancer h4 {
        font-weight: 700;
        font-size: 16px;
    }
    footer p {
        font-size: 13px;
        font-weight: bold;
    }
    .jaro-cust {
        width: 100%;
        float: left;

    }
    .jaro-cust div:nth-child(2) > img {
        float: right;
    }
    .jaro-cust figure {
        text-align: center;
        width: 100%;
        float: left;
        margin-bottom: 28px;
    }
    .col-md-10.col-md-offset-1 p {
        text-align: center;
        line-height: 35px;
    }
    .col-md-10.col-md-offset-1 h5 {
        text-align: center;
        font-size: 27px;
        font-weight: 700;
        font-style: italic;
    }
    .choose-option h3 {
        font-size: 18px;
        background: #ffffff;
        margin-bottom: 0px;
        padding-bottom: 0px;
        line-height: 32px;
        color: #2399dc;
        padding-left: 12px;
    }.choose-option ul li a i.fa.fa-arrow-right {
        margin-right: 16px;
        font-size: 26px;
        top: 4px;
    }

    .choose-option ul li:hover {
        margin-left: 10px;
    }
    .choose-option ul li {
        font-size: 15px;
        width: 100%;
        float: left;
        transition: 0.5s;
    }
    .choose-option ul {
        width: 100%;
        float: left;
        list-style: none;
        margin-top: 14px;
    }

    ul.points {
        width: 100%;
        float: left;
        padding: 0px;
    }

    ul#content_list {
        width: 100%;
        float: left;
        padding: 0px;
    }
    ul.points li {
        list-style: none;
        font-weight: 600;
        line-height: 28px;
        position: relative;
        padding-left: 30px;
        transition: 0.5s;
        list-style: none;
            width: 100%;
        float: left;
    }
    .cancer li {
        list-style: none;
        font-weight: 600;
        line-height: 28px;
        position: relative;
        padding-left: 30px;
        transition: 0.5s;
        list-style: none;
    }
    .points li::before {
        content: "\f00c";
        font-family: FontAwesome;
        left: 0px;
        position: absolute;
    }
    .cancer ul li::before{
       content: "\f00c";
        font-family: FontAwesome;
        left: 0px;
        position: absolute;

    }
    .faq-cust blockquote {
        padding: 10px 20px;
        margin: 0 0 10px;
        font-size: 17.5px;
        border-left: 5px solid #eee;
        color: #f01c1c;
        font-weight: 600;
        font-style: italic;
        margin-top: 20px;
    }
    .choose-option ul li a {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 38px;
    }
    h3.topic {
        font-size: 17px;
        width: 100%;
        float: left;
        margin-bottom: 0px;
        margin-top: 30px;

    }
    .slide_item .right {
        float: right !important;
        width: 500px;
    }
    .button_design_your_own{
        border-top: 1px solid #f70015;
        background: #a31a4c;
        background: -webkit-gradient(linear, left top, left bottom, from(#eb174c), to(#a31a4c));
        background: -webkit-linear-gradient(top, #eb174c, #a31a4c);
        background: -moz-linear-gradient(top, #eb174c, #a31a4c);
        background: -ms-linear-gradient(top, #eb174c, #a31a4c);
        background: -o-linear-gradient(top, #eb174c, #a31a4c);
        padding: 10px 28px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: #fafa4b;
        font-size: 21pt;
        font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
        font-weight: bold;
        
         text-align: center
        }
        .button_design_your_own:hover {
        border-top-color: #bd0202;
        background: #bd0202;
        color: #fafa4b;
    }

    ul.desi-your li:hover img {
        top: -109px;
    }
    ul.desi-your li img {
        transition: 0.5s;
        position: relative;
    }


    ul.desi-your li {
        height: 110px;
        display: inline-block;
        margin-bottom: 5px;
        overflow: hidden;
        transition: 0.5s;
    }
    ul.desi-your {
        width: 100%;
        font-size: large;
        text-align: center;
        margin-top: 30px;
        padding-left: 0px;
    }

    .order-listing h4 {
        color: #DA2803;
    }

    .order-listing a b {
        color: #000;
    }

    .order-listing li {
        color: #DA2803;
        line-height: 25px;
    }
    .faq-cust.make-own h3 {
        font-size: 19px;
        text-align: center;
        }
        
    .faq-cust.make-own p {
        font-size: 14px;
        line-height: 24px;
        width: 100%;
        float: left;
    }
    body.cp_storyboard span {
        color: #DA2803;
    }
    .PIN_1533187143311_embed_grid.PIN_1533187143311_c7 {
        max-width: 1679px;
        min-width: 440px;
        max-width: 100%;
    }
    .PIN_1533187967609_embed_grid.PIN_1533187967609_c7 {
        max-width: 1679px;
        min-width: 100%;
        max-width: 10%;
    }
    .para-width {
        width: 100%;
        float: left;
    }
    .para-width p.main {
        width: 100%;
        float: left;
    }
    hr {
        max-width: 100%;
    }
    .faq-cust form input[type="text"] {
        width: 290px;
        max-width: 100%;
        margin-bottom: 10px;
        height: 35px;
        border-radius: 18px;
        border: 1px solid #ccc;
        padding-left:15px;}
    .but input#subm {
        float: right;
        margin-right: 20px;
        margin-top: 20px;
    }
    .faq-cust form textarea {
        width: 290px;
        border-radius: 11px;
        max-width: 100%;
    }
    .inerr-border {
        border: 1px solid;margin-top: 12px;display: inline-block;
        margin-bottom: 12px;float: left;width: 100%;
    }
    .inerr-border a {
        font-size: 11.9px;
        color: #000;
        line-height: 10px;
    }

    .outer-border h2 {
        font-size: 16px;
    }
    .outer-border {
        width: 100%;
        float: left;
        border: 1px solid;
        
         margin-bottom: 17px
    }
    .size-master {
        width: 100%;
        float: none;
        border: 1px solid;
        padding: 40px;
        max-width: 400px;
        margin: auto;
        padding-bottom: 0px;
    }
    ul.color-lis li {
        display: inline-block;
        padding: 0px 34px;margin-bottom: 15px;
    }
    ul.color-lis {
        width: 100%;
        float: left;
        padding: 0px;margin-bottom: 20px;
        text-align: center;
    }
    .middle_con_desc {
        width: 100%;
        float: left;
        background: #004aba2b;
        padding: 20px;
    }
    .con_description {
        width: 100%;
        float: left;
    }

    .con_head_b_middle {
        width: 100%;
        float: left;
        background: #004aba;
        padding: 4px;
        border-radius: 4px 4px 0px 0px;
    }

    .title-heading {
        border-radius: 4px 4px 0px 0px;
        padding: 0px !important;
        height: 47px !important;
        width: 100%;
        float: left;
        margin-bottom: 16px;
    }
    .vari h4 {
        float: left;
        
        font-size: 14px !important;
        text-align: center;
    }
    div#menu_content {
        width: 100%;
        float: left;
        margin-bottom: 60px;
        padding-bottom: 20px;
        padding-left: 80px;
        padding-top: 15px;
        padding-right: 101px;
    }

    .con_head_b_middle img {
        margin-right: 10px;
    }
    .yellow_bold {
        color: #fff400;
        font-size: 16px;
        font-weight: 800;
        margin-top: 5px;
    }
    .fl.clb_con_right_item:hover {
        background-position: right bottom;
        height: 110px;
    }
    .vari {
        background: #000;
        width: 100%;
        float: left;
        vertical-align: top;
            margin-top: 0px;
    }
    .fl.clb_con_right_item {
        height: 106px !IMPORTANT;
        margin-bottom: 8px;
        width: 195px;
        height: 110px !Important;
        background-position: right top;
        background-repeat: no-repeat;
        margin: 0 0 0 5px;
    }
    .title-heading h4 img {
        margin-right: 11px;
    }
    .vari h4 {
        font-size: 14px;
        width: 83%;
        float: left;
        text-align: center;
        line-height: 47px;
        font-weight: 600;
            margin-top: 0px !important
    }
    .vari img {
        float: left;
    }
    .title-heading h4 {
            margin-top: 8px;

        font-size: 20px;
        color: #fff000;
        font-weight: 700;
        margin-bottom: 0px;
    }
    .middle_con_desc .desc {
        line-height: 23px;
        color: #000;
        text-align: left;
    }

    .order-shipp {
        background: #147af0;
        color: #fff;
        padding: 4px;
        display: inline-block;
        font-size: 12px;
        margin-bottom: 10px;
    }

    .free-sh {
        float: right;
    }

    #backtotop {
        position: fixed;
        bottom: 30px;
        right: 10px;
        cursor: pointer;
        background-image:url(../images/pages/move-top.png);
        background-repeat: no-repeat;
        width: 46px;
        height: 61px;
        background-position: right top;
    }

    #backtotop:hover {
    background-position:right bottom;
    height:61px;
    width:46px;
    }
    p.main-cust {
        width: 100%;
        float: left;

    }
    .faq-cust td, th {
        padding: 0;
        padding: 0px 15px;
    }
        
    .main-silicon h3 {
        background: #8dd8f8;
        color: #fff;
        text-transform: uppercase;
        font-size: 22px;
        line-height: 25px;
        padding: 7px;
        max-width: 910px;
        margin: auto;
        left: 0;
        right: 0;
        border-radius: 7px 7px 0px 0px;
        float: none;
        letter-spacing: 2px;
    }

    .main-silicon {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 40px;
        margin-top: 19px;
    }
    .lance-cust .helf-cont img {
        width: auto !important;
    }
    .lance-cust .helf-cont p img {
        margin-right: 10px;
        width: auto !important;
    }


    .vedio-cust img.right-img {
        float: right;
        width: 150px;
        margin-top: 5px;
    }
    .media.heart {
        border: 1px solid #ccc;
        padding: 10px;
        margin-top: 0px;
        padding-top: 18px;
        border-radius: 0px 0px 3px 3px;
        margin-bottom: 20px;
    }
    .media.heart .media-left img.media-object {
        max-width: 180px;
    }

    .vedio-cust.strong img.left-img {
        width: auto;
        max-width: -webkit-fill-available;
        margin-top: 0px;
    }
    .vedio-cust.strong span {
        line-height: 36px;
        font-weight: 600;
        font-size: 23px;
        font-style: italic;
    }
    .vedio-cust img.left-img {
        margin-right: 28px;
        max-width: 120px;
        width: auto;
    }

    .vedio-cust span {
        line-height: 36px;
        font-weight: 600;
        font-size: 16px;
    }
    .media.top-main .media-body {
        border: 1px solid #ccc;
        margin-top: 0px;
        padding: 3px 10px;
        line-height: 14px;
        padding-bottom: 5px !important;
        border-radius: 0px 0px 3px 0px;
        background: #f3f3f3;
    }
    .vedio-cust figure {
        width: auto;
        float: right;
    }
    img.right-img.text-align, img.left-img {
        margin-top: 5px;
    }

    .media.top-cust {
        width: 100%;
        margin-bottom: 20px;
    }
    .media.madical {
        border: 1px solid #d01919;
        padding-bottom: 10px;
        border-radius: 6px;
    }

    .media.madical h4.media-heading {
        margin-top: 9px;
        color: #d01919;
        font-weight: 600;
    }

    .media.madical .top-med {
        background: #d01919;

    }
    .kides .media-body {
        border: none !important;
        background: transparent !important;
    }
    .kides .media.top-main {
        border: 1px solid #ef1f00;
    }
    .media.madical .media-body {
        padding-right: 17px;
    }

    .media.top-main {
        margin-top: 0px;
        margin-bottom: 18px;
    }
    #bandForm .media.top-main h4 {
        width: 100%;
        float: left;
        color: #d40d00;
        margin-top: 7px;
    }
    .media.top-main .media-left {
        padding-right: 5px;
    }
    .vedio-cust {
        width: 100%;
        display: inline-block;
     background: #f2a007; /* Old browsers */
    background: -moz-linear-gradient(top, #f2a007 3%, #f2a007 25%, #ef5c0c 51%, #f0680b 80%, #f0680b 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f2a007 3%,#f2a007 25%,#ef5c0c 51%,#f0680b 80%,#f0680b 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f2a007 3%,#f2a007 25%,#ef5c0c 51%,#f0680b 80%,#f0680b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2a007', endColorstr='#f0680b',GradientType=0 ); /* IE6-9 */
        color: #fff;
        border-radius: 5px;
        padding-left: 10px;
        padding-right: 7px;
    }
    .band_preview label, .band_preview img {
        cursor: pointer;
    }
    @media (min-width:600px) and (max-width:767px) {
        .row.cust-lan .col-xs-12.col-sm-6.col-md-4 {
            width: 50%;
            float: left;
        }
        .lance-cust .helf-cont p, .lance-cust .helf-cont ul {
          
            margin-bottom: 0px;
        }
    }
    @media (min-width:320px) and (max-width:767px) {


        .addToCart {
    margin-top: 10px !important;

}
        .cust-suf.cust-kid .band_preview.custom-width-imgpreview {
    max-width: 100%;
}
div#fl img {
    position: absolute;
    left: 11px;
    bottom: 70px;
    width: 20px !important;
    height: auto !important;
}
    div#fr img {
    position: absolute;
    right: 12px;
    bottom: 70px;
    width: 20px !important;
    height: auto !important;
}

div#bl img {
    position: absolute;
    left: 6px;
    bottom: 30px;
    width: 20px !important;
    height: auto !important;
}


    div#br img {
    position: absolute;
    right: 10px;
    bottom: 29px;
    width: 20px !important;
    height: auto !important;
}
        .cust-suf.cust-debo label.secondLine.text_color.custom-wristbands-width {
        top: 120px;
        position: absolute;
    }
        .cust-suf {
        text-align: center;
        width: 100%;
        float: none;
        max-width: 260px;
        margin: auto;
    }


.strong-cust, .strong-build {
    max-width: 100%;
}
.cust-suf.cust-kid {
    max-width: 340px;
}
.cust-suf.medi {
    max-width: 100%;
}
    .debossed_windbands_cust div#fl img {
    position: absolute !important;
    left: 12px !important;
    bottom: 121px !important;
    width: 20px !important;
    height: auto !important;
}

    .debossed_windbands_cust div#fr img {
    position: absolute !important;
    right: 12px !important;
    bottom: 123px !important;
    width: 20px !important;
    height: auto !important;
}

    .debossed_windbands_cust div#bl img {
    position: absolute !important;
    left: 14px !important;
    bottom: 48px !important;
    height: auto !important;
    width: 20px !important;
}
.debossed_windbands_cust div#br img {
    position: absolute !important;
    right: 12px !important;
    bottom: 45px !important;
    width: 20px !important;
    height: auto !important;
}
.text-align-center {
    text-align: center;
    min-height: 30px;
}
        .media.heart .media-left {
        display: block;
    }
    .media.heart .media-body h4 {
        margin-top: 16px;
        margin-bottom: 10px;
    }

        .media.top-main .media-left {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 12px;
    }

    .media-object {
        display: block;
        margin: auto;
    }
    .vedio-cust span {
        line-height: 36px;
        font-weight: 600;
        font-size: 12px;
        line-height: 15px;
    }
    .vedio-cust figure {
        width: auto;
        float: none;
        margin-bottom: 10px;
    }
    .media.madical .media-body {
        padding-right: 17px;
        width: 100%;
        padding-left: 10px;
    }
    .media.madical .media-body, .media.madical .media-left, .media.madical .media-right {
        display: block;
        vertical-align: top;
    }
    .vedio-cust {
        text-align: center;
            padding-top: 10px;
    }
    .vedio-cust img.right-img {
        float: none;
        }
    .media.top-main .media-body {
        border: 1px solid #ccc;
        margin-top: 0px;
        padding: 3px 10px;
        line-height: 14px;    width: 100%;
        text-align: left !important;
    }
    .media.top-main .media-body {
        display: block;
        vertical-align: top;
    }
    span[class*="_col"] {
        width: 30% !important;
    }
    span[class*="_bd"]{
        height: auto !important;
    }
    .faq-cust td, th {
        padding: 0;
        padding: 0px 0px;
    }
    .col-md-12 center img {
        height: auto;
    }
    .vari h4 {
        font-size: 11px !Important;
    }
    .main-silicon h3 {

        font-size: 13px !important;

        letter-spacing: 0px;
    }
    .slide_item {
        height: 290px;
        padding: 10px;
        text-align: center;
    }.slide_item .right {
        float: none !important;
        width: 500px !important;
        left: 0;
        right: 0;
        margin: auto;
        position: relative;
        display: inline-block !important;
    }.faq-cust p img {
        margin-left: 0px !important;
        margin-right: 0px;
    }
    .para-width img.order-img {
        width: auto !important;
    }
    .products .col-md-12 {
        padding: 0px;
    }
    ul.desi-your {
        padding-left: 0px;
    }
    .order-comm .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    .faq-cust span {
        /*padding: 0px !important;*/
    }
    .faq-cust span b {
        font-size: 15px;
        text-align: left;
    }
    .title-heading {
        margin-top: 22px;
    }
    .title-heading h4 {
        margin-top: 0px;
        font-size: 14px;
        }
        .vari {

        margin-top: 12PX;
    }
    div#menu_content {
     
        padding-left: 0PX;
        padding-top: 15px;
        padding-right: 0PX;
    }
        .title-heading .col-md-4 {
        PADDING: 0PX;
    }
    ul.color-lis li {
        display: inline-block;
        padding: 6px 3px;
        width: 42%;
    }
    .PIN_1533193676197_embed_grid.PIN_1533193676197_c3 {
        max-width: 100%;
        min-width: 100%;
    }
    .faq-cust form input[type="text"] {
        width: 100%;
        }
        .faq-cust form textarea {
        width: 100%;

    }
    .but {
        text-align: center;
    }
    .but input#subm {
        margin-right: 0px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .faq-cust p:last-child img {
        width: auto;
    }
    iframe {
        width: 100%;
    }
    .PIN_1533187143311_embed_grid.PIN_1533187143311_c7 {
        max-width: 1679px;
        min-width: 100%;
        max-width: 100%;
        width: 100%;
    }
    h3.topic {
     font-size: 18px !important;
    }
    .choose-option ul {
        padding-left: 10px;
    }
    .choose-option h3 {
        font-size: 11px !important;}
    .row.cancer img {
        width: 100%;
    }

    .choose-option ul li a i.fa.fa-arrow-right {
        margin-right: 8px;
        font-size: 16px;
        margin-top: 4px;
    }
    .faq-cust  img {
           max-width: 100%;
    }
    .choose-option ul li a {

        font-size: 12px;
          line-height: 23px;
        display: inline-flex;
        margin-bottom: 10px;
    }
    .lance-cust .helf-cont p, .lance-cust .helf-cont ul {
        width: 230px;
        float: left;
        max-width: 100%;
    }
    .with img {
        width: auto;margin: 0 auto;display: inherit;margin-bottom: 10px;
    }
    .slide_item .left {
        float: left;
            padding-right: 0px !Important;
        width: 100% !Important;
        }
        
        .slide_item .left h1 {
        font-size: 22pt !Important;
        line-height: 28px !Important;
    }
    .col-md-4.img-width {
        text-align: center;
        width: 100%;
        float: left;
    }
    .jaro-cust {
        width: 100%;
        float: left;
        margin-left: 0px;
    }
    .jaro-cust figure img {
        vertical-align: middle;
        width: 100%;
    }
    .col-md-offset-1 {
        display: flex;
        width: 100%;
        margin: auto;
        flex-flow: row wrap;
    }
    .col-md-offset-1 .pull-left {
        float: none !important;
        order: 2;
        left: 0;
        right: 0;
        margin: auto;
        width: 250px;
    }
    .button_design_your_own{
        font-size: 14pt;

    }
    .col-md-offset-1 p {
        text-align: center;
        line-height: 28px;
    }
    .col-md-offset-1 h5 {
        text-align: center;
        font-size: 27px;
        font-weight: 700;
        font-style: italic;
        width: 100%;
    }
    .cancer h4 {
        font-weight: 700;
        font-size: 15px;
        margin-left: 17px;
    }

    .arical > div.col-md-4 > img {
        float: right;
        width: 100%;
    }
    .img-width img {
        width: 100%;
    }
    .lance-cust .helf-cont ul li img {
        width: 13px !important;
    }
    .lance-cust .helf-cont p img {
        margin-right: 3px;
    }   
    .cust-lan > div:nth-child(3) > div > img {
        width: 100%;
        margin-top: 20px;
    }
    .button_order_now{

        font-size: 14pt;
    }
    .lance-cust .helf-cont p {

        font-weight: 600;
        font-size: 10px;
        margin-bottom: 0px;
        line-height: 16px;
    }
    .lance-cust .helf-cont {
        width: 100%;
        float: left;
        padding-right: 88px;
        padding-left: 13px;
        background-size: 100% !important;
        height: auto;
       padding-bottom: 10px;
        }
        .lance-cust .helf-cont p, .lance-cust .helf-cont ul {
        width: 230px;
        float: left;
        max-width: 230px;
        padding-right: 97px;
    }


    .faq-cust {
        padding-left: 10px;
        padding-right: 10px;
    }
        .add-to-cart small.form-text.text-muted {
        font-size: 9px;
    }


        div#accordion .card h5 a {
        line-height: 21px;
        font-size: 14px;
        margin-bottom: 10px;
    }
    .faq-cust h3 {
        font-size: 20px;
    }
    .about-cust {
     
        margin-top: 0px;
        }
        .about-cust h3 {
        margin-bottom: 12px;
        font-size: 18px;
      
    }
    .text-center {
        text-align: center;
        display: inline-block;
        width: 100%;
            float: left;
    }
    span.sizeNotAvl {
        padding: 9px
        }
    label.centerText {
        bottom: 13px !important;
        font-size: 16px !important;
    }
    .cust-suf.cust-debo label#firstLine {
        position: : absolute;
        bottom: 113px !important;
    }
    .add_art_btn a {
        font-weight: 700;
        font-size: 12px;
    }
    small.form-text.text-muted.color-filled {
        width: 64%;
        display: inline-block;
        text-align: center;
    }
    .band_preview img {
        width: 262px;
        display: inherit;
        position: relative;
        left: 0;
        right: 0;
        margin: auto;
    }
    .band_preview.cust-click label.firstLine.text_color.custom-wristbands-width.centerText {
        bottom: 55px !important;
    }

    .band_preview.cust-click label.firstLine {
        position: absolute;
        bottom: 58px;
    }
    .pull-right {
        margin-top: 12px;
        left: 0;
        right: 0;
        margin: auto;
    }
    #bandForm h4 {
    text-align: right;
    font-size: 15px;
    margin-bottom: 10px;
    }
    /*.form-group{
        padding: 0px;
            width: 100%;
        float: left;
    }*/
    iframe {
        width: 100%;
        border: none;
    }
    .price-cust img {
    width: 100%;
        padding-top: 0px !important;
    }
    .mid-cust {
        width: 100%;
        float: left;
        margin-bottom: 0px;
        padding: 0px;
    }
    .price-cust h3 {
        font-size: 18px;
       
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .mid-cust h4 {
        font-size: 14px;
        text-align: center;
    }

    .price-cust > figure {
        margin-top: 20px;
        margin-bottom: 20px;
    }
        header .top-heaer .logo img {
            width: 161px;
            margin-top: 11px;
            position: relative;
            z-index: 99999999999;
        }
        header .top-heaer .item-right {
            width: 100%;
            float: left;
            text-align: right;
        }
        header .top-heaer .item-right ul {
            width: 100%;
            float: right;
        }
        header .top-heaer .item-right ul li a {
            padding-right: 8px;
            border-right: 3px solid;
            padding-left: 7px;
            font-size: 12px;
        }

        header .bottom-header {
            width: 100%;
            float: left;
            position: absolute;
            right: 0;
            top: -15px;
        }
        .bottom-header .navbar-inverse {
            background-color: transparent;
            border-color: snow;
            min-height: 32px;
            padding-top: 6px;
            padding-bottom: 6px;
            margin-bottom: 0px;
            border-radius: 6px;
            margin-top: 12px;
            border-bottom: none;
        }

        .navbar-inverse .navbar-toggle:focus,
        .navbar-inverse .navbar-toggle:hover {
            background-color: #004aba;
        }
        .navbar-toggle {
            background-color: #004aba;
        }
        div#navbar {
            background: #004aba;
            border-top: none;
            position: relative;
            z-index: 9999;
        }
        .bottom-header .navbar-inverse .navbar-nav > li > a {
            font-weight: 500;
            line-height: 19px;
            border: none;
        }
        .middle {
            width: 100%;
            float: left;
            text-align: center;
            padding: 8px 0;
        }
        .middle h3 {
            font-size: 23px;
            margin-bottom: 23px;
            margin-top: 0px;
        }
        .middle .oder-list p {

            font-size: 15px;
        }
        .imgaes-list {
            width: 100%;
            border: 2px solid #868686;
            margin-top: 44px;
            display: inline-block;
            max-width: 100%;
        }
        .imgaes-list .boer-right {
            border-right: transparent;
        }

        .imgaes-list ul {
            padding-left: 0px;
            padding-right: 0px;
        }

        .cuto-wrist h3 {
            font-size: 22px;

            margin-top: 12px;
            margin-bottom: 19px;
        }
        .cuto-wrist p {
            font-size: 14px;
            font-weight: 500;
            text-align: justify;
        }
        .cuto-wrist {
            padding-bottom: 10px;
        }
        footer h4 {
            font-size: 15px;
            font-weight: 500;
            text-align: justify;
        }
        
    }

    @media (min-width:992px) and (max-width:1024px) {

    .debossed_windbands_cust div#fl img {
        position: absolute !important;
        left: 76px !important;
        bottom: 150px !important;
    }
.debossed_windbands_cust div#fr img {
    position: absolute !important;
    right: 71px !important;
    bottom: 149px !important;
    width:40PX !important;
    height:auto !important;
}
    .debossed_windbands_cust div#bl img {

        left: 77px !important;
        bottom: 47px !important;
    }
    .debossed_windbands_cust div#br img {
        position: absolute !important;
        right: 86px !important;
        bottom: 48px !important;
    }

        }


        @media (min-width:1025px) and (max-width:1200px) {

    .debossed_windbands_cust div#fl img {
        position: absolute !important;
        left: 76px !important;
        bottom: 150px !important;
    }

    .debossed_windbands_cust div#fr img {
        position: absolute !important;
        right: 85px !important;
        bottom: 145px !important;
    }

    .debossed_windbands_cust div#bl img {

        left: 77px !important;
        bottom: 47px !important;
    }
    .debossed_windbands_cust div#br img {
        position: absolute !important;
        right: 86px !important;
        bottom: 48px !important;
    }

        }



    @media (min-width:768px) and (max-width:991px) {
        .band_preview label, .band_preview img {
    cursor: pointer;
    width: 100%;
}
.debossed_windbands_cust div#fr img {
    position: absolute !important;
    right: 21px !important;
    bottom: 139px !important;
    width: 30px !important;
    height: auto !important;
}
.debossed_windbands_cust div#fl img {
    position: absolute !important;
    left: 15px !important;
    bottom: 139px !important;
    width: 30px !important;
    height: auto !important;
}
.debossed_windbands_cust div#bl img {
    position: absolute !important;
    left: 16px !important;
    bottom: 49px !important;
    width: 30px !important;
    height: auto !important;
}

.debossed_windbands_cust div#br img {
    position: absolute !important;
    right: 19px !important;
    bottom: 50px !important;
    width: 30px !important;
    height: auto !important;
}
        .vedio-cust span {
        font-size: 13px;
    }
    .jaro-cust div:nth-child(2) > img {
        float: right;
        width: 100%;
    }
    .main-silicon h3 {
        font-size: 18px !important;
        letter-spacing: 0px;
    }
    .para-width img.order-img {
        width: 100% !important;
    }
    ul.color-lis li {
        display: inline-block;
        padding: 20px 0px;
    }
    iframe {
        width: 100%;
    }
    .slide_item .left {
        float: left;
        width: 48% !Important;
        padding-right: 20px;
        text-align: left;
    }
    .slide_item .right {
        float: left;
        width: 50% !Important;
    }
    .slide_item .left h1 {
        line-height: 29px!Important;
        font-size: 25pt!Important;
        }
        ul.desi-your br {
        display: none;
    }
    .jaro-cust figure img {
        vertical-align: middle;
        width: 100%;
    }
    .col-md-4.img-width {
        text-align: center;
        width: 100%;
        float: left;
    }
    .cust-lan > div:nth-child(3) > div > img {
        width: auto;
        margin-bottom: 20px;
        float: left;
    }
    .lance-cust .helf-cont p {
        margin-bottom: 2px;
    }
    .lance-cust .helf-cont {
        background-size: 100% !Important;
    }
    /*.form-group {
        padding: 0px !important;
            width: 100%;
        float: left;

    }*/
    .cust-suf {
        text-align: center;
        width: 100%;
        float: none;
        max-width: 300px;
        margin: auto;
    }

div#fl img {
    left: 13px;
    width: 30px !important;
    height: auto !important;
    bottom: 77px;
}
div#fr img {
    right: 12px;
    width: 30px !important;
    height: auto !important;
    bottom: 77px;
}
div#bl img {
    left: 10px;
    width: 30px !important;
    height: auto !important;
    bottom: 30px;
}
div#br img {
    right: 15px;
    width: 30px !important;
    height: auto !important;
    bottom: 30px;
}
    small.form-text.text-muted.color-filled {
        width: 66%;
        }   
        .bottom-header .navbar-inverse .navbar-nav > li > a {
            font-size: 12px;
            padding: 5px 13px;
        }
    .price-cust img {
        vertical-align: middle;
        width: 30%;
        height: 91px;
    }
    .mid-cust {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .price-cust h3 {
        font-size: 22px;
        margin-top: 13px;
        margin-bottom: 17px;
    }
    .price-cust > figure img {
        width: 100%;
    }
    .pric_lt_cnt .band-color p, .pric_lt_cnt .font-color p {
        font-size: 11px;
    }
    .pric_lt_cnt .second-sec p {
        font-size: 12px;
    }
    .cust-suf.cust-debo label.firstLine.text_color.custom-wristbands-width, .cust-suf.cust-debo label.secondLine.text_color.custom-wristbands-width {
        width: 100% !important;

    }

    .cust-suf.cust-debo label.firstLine.text_color.custom-wristbands-width{

        bottom: inherit !important;
    top: 43px;
    }
    .cust-suf.cust-debo label.secondLine.text_color.custom-wristbands-width {
    top: 134px;
    position: absolute;
}
    .cust-suf.cust-debo label#firstLine {
        position: absolute;
        bottom: 32px !important;
    }
    .clip_outer {
        width: 103px;
        }
        
    .btn-primary {
            margin-top: 10px;
        margin-bottom: 10px;
    }
    }

    @media (min-width:996px) and (max-width:1200px) {
        .cust-lan > div:nth-child(3) > div > img {
        width: 100% !important;
    }
    .jaro-cust div:nth-child(2) > img {
        float: right;
        width: 100%;
    }
    ul.color-lis li {
        display: inline-block;
        padding: 0px 16px;
    }
    .slide_item .left {
        float: left;
        width: 48% !Important;
        padding-right: 20px;
        text-align: left;
    }
    .slide_item .right {
        float: left;
        width: 50% !Important;
    }
    .slide_item .left h1 {
        line-height: 29px!Important;
        font-size: 25pt!Important;
        }
    .lance-cust .helf-cont ul {

        margin-bottom: 7px;
    }
    .lance-cust .helf-cont ul li img {
        width: 18px !important;
    }
    .button_order_now {
        font-size: 12pt;
        padding:5px 20px;
    }
    .lance-cust .helf-cont {
        height: 165px;
        background-size: 100%;
        background-position: center;
    }
    .lance-cust .helf-cont p {
        font-size: 10px;
        line-height: 13px;
        margin-bottom: 5px;
    }
        .bottom-header .navbar-inverse .navbar-nav > li > a {
            padding: 5px 15px;
        }
    .price-cust img {
        vertical-align: middle;
        width: 30%;
        height: 91px;
    }
    .mid-cust {
        margin-bottom: 10px;
        margin-top: 10px;
    }
    .price-cust > figure img {
        width: 100%;
    }
    }


    @media (min-width:992px) and (max-width:1200px) {
        .vari h4 {
            font-size: 14px;
            width: 97%; 
        }
        .inerr-border ul {
            width: 100%;float: left;display: inline-block;padding-left: 30px;padding-right: 15px;
        }


    div#fl img {
    position: absolute;
    left: 79px;
    bottom: 76px;
    width: 36px !important;
    height: auto !important;
}
div#fr img {
    position: absolute;
    right: 81px;
    bottom: 76px;
    width: 36px !important;
    height: auto !important;
}

.bottom-header .navbar-inverse .navbar-nav > li > a {
    font-size: 13px;
    padding: 5px 23px;
    line-height: 13px;
}
    div#bl img {
    position: absolute;
    left: 83px;
    width: 36px !important;
    height: auto !important;
    bottom: 28px;
}
    div#br img {
    position: absolute;
    right: 80px;
    bottom: 30px;
    width: 36px !important;
    height: auto !important;
}
    span.sizeNotAvl {
        display: inline-block;
        background: #b00a0adb;
        text-align: center;
        padding: 0;
        color: #fff;
        font-size: 13px;
    }

}
    @media(max-width:400px) {

        label.firstLine.text_color.custom-wristbands-width,
        label.secondLine.text_color.custom-wristbands-width {
            padding: 0 15px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        label.firstLine.text_color.custom-width,
        label.secondLine.text_color.custom-width {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }


        label.firstLine1.text_color.custom-wristbands-width,
        label.secondLine1.text_color.custom-wristbands-width,
        label.firstLine2.text_color.custom-wristbands-width,
        label.secondLine2.text_color.custom-wristbands-width {
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }


    }






    @media(max-width:767px) {
        
        /* Force table to not be like tables anymore */
    table, 
     thead, 
    Tbody, 
    th, 
     td, 
     tr { 
            display: block; 
        }
     
        /* Hide table headers (but not display: none;, for accessibility) */
     table.cartTable thead tr { 
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
     
     table.cartTable tbody tr { border: 1px solid #ccc; }
     
     table.cartTable tbody td { 
            /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee; 
            position: relative;
            padding-left: 50%; 
            white-space: normal;
            text-align:left;
        }
     
     table.cartTable tbody td:before { 
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 6px;
            left: 6px;
            width: 45%; 
            padding-right: 10px; 
            white-space: nowrap;
            text-align:left;
            font-weight: bold;
        }
     
        /*
        Label the data
        */
      table.cartTable tbody td:before {
      content: attr(data-title);
      }
      
      
     .cart-item  .pric_lt_cnt .cart-img {
        background: none repeat scroll 0 0 hsl(0, 0%, 100%);
        border-radius: 4px;
        box-shadow: 0 0 9px 0 hsl(0, 0%, 67%) inset, 0 0 4px 1px hsl(0, 0%, 87%);
        float: none;
        text-align: left;
        width: 100%;
        margin-top: 3px;
        max-width: 277px;
        left: 0;
        right: 0;
        margin: auto;
        margin-top: 15px;
    }
    .pric_lt_cnt .second-sec {
        display: inline-block;
        width: 100%;
        }
    .pric_lt_cnt .second-sec p {
        font-size: 15px;
        word-break: break-all;
        margin-bottom: 0px;
    }
    .pric_lt_cnt .first-sec {
        display: inline-block;
        width: 100%;
        margin-right: 15px;
        margin: auto;
        float: none !important;
        max-width: 300px;
    }
    .pric_lt_cnt .third-sec {
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    table.cartTable tbody td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 79%;
        white-space: normal;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: right;
        padding-right: 10px;
    }
    .pric_lt_cnt table.cartTable tbody td:first-child {
        padding: 0px;
        text-align: center;
    }
    .pric_lt_cnt table.cartTable thead, table.cartTable tfoot {
     
        float: left;
    }
    .pric_lt_cnt table.cartTable thead td, table.cartTable tfoot td {
        padding: 10px 22px;
        color: #fff;
        width: auto !important;
        float: left;
        font-size: 12px;
        text-align: right;
    }
    .pric_lt_cnt table.cartTable h3 {
        padding-left: 10px;
        margin-top: 10px;
        margin-bottom: 0px;
            margin-bottom: 10px;
    }

    }

    .dd-option-image, .dd-selected-image{
        float: none !important; 
         max-width: inherit !important; 
    }
    .dd-selected, .dd-option {
        padding: 0px 10px !important;
    }
    .dd-options{
        height: 150px !important;
    }

    /*==========  bug resolve css here 06 aug 2018  =======*/
    .stButton_gradient.stHBubble {
        min-width: 20px;text-align: center;height: 21px !important;
    }
    .stButton .stArrow{top: -1px;position: relative;}
    .contact_header {
        float: left;width: 100%;
        background-color: #004aba; margin-bottom: 10px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }
    .contact_div {
        float: left;width: 100%;height: 30px;border-radius: 5px;
    }
    .contact_div ul {
        display: inline-block;padding: 0;margin: 0;width: 100%;float: left;
    }
    .contact_div ul li {
        margin-right: 40px;color:#fff;font-weight: 500;
        font-size: 13px;display: inline-block;line-height: 26px;
    }
    .contact_div ul li a i{margin-right: 5px;position: relative;top: 1px;}
    .contact_div ul li a {
        color: #fff;
    }
    .contact_div ul li a :hover{text-decoration: none;}
    iframe[src="//www.youtube.com/embed/bLrxBX5udko"] {
        margin-top: 20px;
    }
    .main strong {font-size: 13px;}
    .heade_cir {
        float: left; width: 100%;
    }
    .but .btn {
        margin-top: 15px;
    }
    .sec_b {
        float: left;width: 100%;
    }
    .contact_lis {
        margin-top: 10px; float: left;margin-bottom: 10px;
    }
    iframe[src="//www.youtube.com/embed/VObAhZ1VW8o"] {
        margin-top: 15px;
    }
    span[itemprop="description"] {
        margin-bottom: 10px;
        display: inline-block;
    }
    div[itemtype="http://schema.org/Review"] {
        float: left;
        width: 100%;
    }
    .slide_item .left h1{
        font-size: 23pt !important;
    }
    .slide_item .left h6{
        font-size: 12pt !important;text-align: justify;
    }
    .silicon_key img {
        float: left;width: auto;
    }
    .order-listing iframe {
        margin-top: 20px;
    }
    .col-md-4.img-width {
        margin-top: 80px;
    }
    .order-listing ol {
        padding-left: 20px;
    }

    form#bandForm .quantitySection .form-group {
    margin-bottom: 15px;
    width: 20%;
    float: left;
    padding: 0px 3px;
}

form#bandForm .quantitySection .form-control{
    padding: 6px 4px;
        text-align: center;
}
    /*==========  responsive css start here ======== */
    @media(max-width: 1200px){
        .jaro-cust .col-md-10.col-md-offset-1 img {
            width: auto;
        }
    }
    @media(max-width: 1199px) and (min-width: 768px){
        .col-md-10.col-md-offset-1 p{float: left;width: 100%;}
        .img-width img {
            width: 100%;
        }
        .band-img img {width: 100%;margin-top: 20px;}
    }
    @media(max-width:1199px) and (min-width: 991px){
        .box img {
            width: 100% !important;
        }
    }
    @media(min-width: 991px){
        .faq-cust.make-own p{text-align: left;}
        .cust-lan > div:nth-child(3) > div > img {
            width: auto;    
        }
       
        .col-md-4.img-width {
            margin-top: 0px;
            margin-bottom: 20px;
        }
        ul.drop_sub_menus{
            top: 6px;
            right: -180px;
        }
    }
    @media(max-width: 991px) and (min-width: 768px){
        ul.desi-your{float: left;width: 100%;margin-top:40px; }
        .feature_listing {
            text-align: center; float: left;width: 100%;
        }
        ul.desi-your{float: none;margin: 40px auto 0;}
        ul.desi-your li{float: none;}
        .faq-cust.make-own p{text-align: left;}
        .with img {
            width: auto;margin: 0 auto;display: inherit;margin-bottom: 10px;
        }
        .band-img img {width: 100%;margin-top: 20px;}
        #slider_rubber_bracelet .box img {
            width: 100% !important;height: auto !important;min-height: 220px;
        }
        .img-width img {
            width: auto !important;
        }
        .col-md-4.img-width {
            margin-top: 0;
            margin-bottom: 10px;
        }
        .jaro-cust img {
            width: auto !important;
            float: none !important;
            margin: 0 auto;
            display: inherit;
        }
    }

    @media(max-width: 767px){
        .contact_header{display: none;}
        .stButton .stArrow{top: 0px;}
        .faq-cust span {
            display: inline-block;
                margin-right: 6px;
        }
        .custom_chnge {
            float: left;text-align: left;width: 100%;margin-bottom: 10px;
        }
        .stButton{margin-right: 0px;}
        .st_plusone_hcount > div {
            width: 38px !important;
        }
        iframe[src="//www.youtube.com/embed/bLrxBX5udko"] {
            margin-top: 20px; height: auto;min-height: 250px;margin-bottom: 10px;
        }
        ul.desi-your{float: left;width: 100%;margin-top:40px; }
        .vari h4{line-height: 40px;}
        ul.desi-your li {
            margin-bottom: 20px;float: left;
        }
        .faq-cust > ul > li span{top: 0px;position: relative;}
        .feature_listing {
            text-align: center; float: left;width: 100%;
        }
        ul.desi-your{float: none;margin: 40px auto 0;}
        ul.desi-your li{float: none;}
        .stButton{margin-right: 0px;margin-left: 1px;}
        .middle_con_desc .desc{text-align: justify;}
        .line_right{float: left;width: 100%;text-align: center;padding: 0 !important;}
        .PIN_1533593166236_embed_grid.PIN_1533593166236_c3 span {
            width: 100% !important;float: none !important;
        }
        .vari h4{line-height: 40px;text-align: left;}
        .silicon_h2,.make_t{margin-top: 0px;}
        .what_can,.what_h2 {
            margin-top: 0;
        }
        .nav.navbar-nav {z-index: 99;position: relative;}
        h3.silicon_h3 {font-size: 16px !important;margin: 0 !important;}
        #cus_band img {margin: 0;}
        .bx-viewport {height: 551px !important;}
        .bx-wrapper .right {width: 100% !important;}
        .bx-wrapper .right .box img {height: auto !important;width: 100% !important;object-fit: scale-down;}
        .band_csm {margin-bottom: 10px;}
        .slide_item .right .box{background: #fff !important;}
        a[href="custom-silicone-bracelets"] {display: inline-block;}
        .img-width img[src="https://demo.suffescom.com/wbc_2/images/pages/us.png"] {
            margin-bottom: 10px;
        }
        .img-width img { width: auto !important;}
        .silicon_key {margin-top: 10px;}
        .silicon_key img {float: left; width: 100px;height: 40px;object-fit: scale-down;}
        img[src="https://demo.suffescom.com/wbc_2/images/pages/KeyChains.jpg"] {
            width: auto !important; float: none !important;margin: 0 auto;display: inherit;
        }
        .lance-cust img { width: auto !important;float: none !important;}
        .cust-lan .button_order_now {font-size: 10pt;padding: 10px 20px;}
        .lance-cust .helf-cont{background-position: center;border-radius: 12px;}
        .order-listing h4{font-size: 16px;}.col-md-12.cus_img { margin-top: 10px;}
        .col-md-4.img-width {
            margin-top: 0;margin-bottom: 10px;
        }
        .jaro-cust img {
            width: auto !important;float: none !important;margin: 0 auto;display: inherit;
        }

    }
    @media(max-width: 600px){
        .cus_imgcss .right {width: 100% !important;}
        .bx-viewport {height: 480px !important;}
        .lance-cust {margin-bottom: 15px;}

    }
    @media(max-width: 480px){
        iframe[src="//www.youtube.com/embed/bLrxBX5udko"] {
            min-height: 200px;
        }
        .slide_item .left h1 { font-size: 21pt !important;}
        .lance-cust{margin-bottom: 15px;}
    }
    @media(max-width: 375px){
        .vari h4 {line-height: 40px;width: auto;}
        .custom-xss span[data-pin-href="https://uk.pinterest.com"]:nth-child(2) {
            height: auto !important;
        }
        .why_link {font-size: 18px;}
        .bx-viewport {height: 400px !important; }
    }

    @media(max-width: 360px){
        .vari h4 {line-height:40px;width: auto;font-size: 12px !important;}
        .cus_img a img{top: 0px;}
    }
    @media(max-width: 330px){
        ul.drop_sub_menus{
            right: -140px;top: 16px;padding-left: 5px;padding-bottom: 5px;padding-top: 5px;
        }
        .drop_sub_menus a {font-size: 12px !important;}
        .lance-cust {margin-bottom: 6px;}
    }
    .hideContent{visibility: hidden;}
    .dd-option-text{
        line-height: 25px !important;
    }

    div#fontPlugin label {
        width: auto;
    }

    /*========   ends ========== */

    img.off-sale {
        position: absolute;
        right: -3px;
        top: -3px;
    }
    p.off-sale-text {
        position: absolute;
        transform: rotate(46deg);
        right: -1px;
        top: 19px;
        text-align: center;
        color: #fff;
        font-weight: 700;
    }
    label.sold_out::after {
        content: "";
        position: absolute;
        background-image: url(../images/SOLID.png);
        right: -26px;
        height: 100px;
        width: 100px;
        background-repeat: no-repeat;
        top: -4px;
        background-size: 74px;
    }
    .media-heading{
        font-size: 16px !important;
    }
    .media-body{
        font-size: 12px !important;
        text-align: justify !important;
    }


       .rings div#fr img{
        position: absolute;
        right: 126px;
        bottom: 35px;
    }
.cust-suf.rings label#firstLine {
    bottom: 30px;
}


 .rings div#fl img{
        position: absolute;
        left: 128px;
        bottom: 35px;
    }

    .rings div#fr img{
        position: absolute;
        right: 126px;
        bottom: 35px;
    }

    .cust-suf.slapband label#firstLine {
    bottom: 7px;
}
.slapband .popup-image-contain-2 {
    height: 64px;
    background-size: 100% !important;
}
.cust-suf.slapband .band_preview {
    position: relative;
    max-width: 100%;
    margin: auto;
}

   .slapband div#fl img {
    position: absolute;
    left: 80px;
    bottom: 12px;
}

.slapband div#fr img {
    position: absolute;
    right: 80px;
    bottom: 12px;
}

.cust-suf.slapband .band_preview img {
    width: 100%;
}
  @media (min-width:320px) and (max-width:767px) {

    .rings div#fl img{
            left: 10px;
            bottom: 32px;
        }

        .rings div#fr img{
            right: 10px;
            bottom: 32px;
        }

        .rings div#fl img{
            left: 15px;
            bottom: 37px;
        }

        .rings div#fr img{
            right: 15px;
            bottom: 37px;
        }
        
           .cust-suf.slapband label#firstLine {
            bottom: -3px !important;
            }

            .slapband div#fl img, .slapband div#fr img{
            width: 20px !important;
            height: auto !important;
        }

         .slapband div#fl img{
            left: 10px;
            bottom: 14px;
        }

        .slapband div#fr img{
            right: 10px;
            bottom: 14px;
        }


        .cust-suf.slapband label#firstLine {
            bottom: 20px;
        }
        
      
  }

      @media (min-width:768px) and (max-width:991px) {

       .slapband div#fl img, .slapband div#fr img{
            width: 30px !important;
            height: auto !important;
        }

        .slapband div#fl img{
            left: 24px;
            bottom: 8px;
        }

        .slapband div#fr img{
            right: 24px;
                bottom: 8px;
        }
       

        .cust-suf.slapband label#firstLine {
            bottom: 25px;
        }

        .cust-suf.slapband label#firstLine {
            bottom: 0px !important;
            }
}

    @media (min-width:992px) and (max-width:1200px) {
   .rings div#fl img{
            left: 80px;
            bottom: 40px;
        }

        .rings div#fr img{
            right: 80px;
            bottom: 40px;
        }

  .slapband div#fl img, .slapband div#fr img{
            width: 36px !important;
            height: auto !important;
        }

        .slapband div#fl img{
            left: 80px;
            bottom: 14px;
        }

        .slapband div#fr img{
            right: 80px;
            bottom: 14px;
        }
    }

/*============ blog page css start here ========*/
.middle .blog_list {
    width: 100%;
    float: left;
    padding: 0 20px;
}
.post-thumbnail {
    float: left;
    width: 100%;
}
.post-thumbnail img {
    width: 100%;min-height: 352px;height: auto;
}
.entry-title {
    font-size: 25px;
    font-weight: 600;
    text-transform: capitalize;
    padding: 0 20px;
    margin: 20px 0 15px;
    text-align: left;
}
.entry-content {
    float: left;
    width: 100%;
    padding: 0 20px;
    font-size: 14px;
    line-height: 25px;
    text-align: justify;
    /*text-align-last: center;*/
    letter-spacing: 0.3px;
}
.button_col .btn-primary {
    margin-top: 20px;
    padding: 10px 20px;
    box-shadow: unset;
    font-size: 14px;
    text-transform: capitalize;
}
/*===   blog details page ===*/
.blog_details .entry-header {
    float: left;width: 100%;text-align: left;
}
.blog_details .entry-title {
    padding: 0 ;
}
.blog_details .entry-content {
    padding: 0;text-align: left;
}
.entry-footer .screen-reader-text {
    font-weight: bold;
    margin-right: 5px;
}
.entry-date.published {
    margin-right: 10px;
    color: #858585;
}
.blog_details .entry-footer {
    float: left;
    text-align: left;
    padding: 0 0;
}
.entry-footer .updated {
    color: #858585;
    margin-right: 20px;
}
.byline {
    float: left;
    width: 100%;
    margin-top: 5px;
}
.navigation.post-navigation {
    float: left;
    width: 100%;
    text-align: left;
}
.nav-next .meta-nav {
    color: #333;
    font-weight: bold;
    margin-right: 13px;
}
.nav-next .screen-reader-text {
    color: #333;
    font-weight: bold;
    margin-right: 13px;
}
#comments {
    float: left;
    width: 100%;
}
.commentlist {
    float: left;
    width: 100%;
    text-align: left;
    padding: 0px 0px;
    margin-top: 10px;
    list-style: none;
}
.navigation.post-navigation h2.screen-reader-text {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 26px;
}

/*  avtar css start here ==== */
.avatar.avatar-32.photo {
    width: 70px;
    height: 70px;
    object-fit: scale-down;
    border-radius: 50%;
    border: 1px solid #f8f8f8;
    background-color: #f7f7f7;
}
.comment-meta.commentmetadata {
    float: left;
    width: 100%;
    text-align: left;
    display: inline-block;
    margin: 10px 0;
}
.comment-meta.commentmetadata a {
    color: #858585;
}
#div-comment-1 p {
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 22px;
}
a[href="https://gravatar.com"] {
    text-align: right;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
.reply .comment-reply-link {
    padding: 7px 30px;
    border: 1px solid #2e6da4;
    border-radius: 20px;
    font-size: 14px;
}
.reply {
    margin-top: 20px;
}

/**/
#respond {
    float: left;
    width: 100%;
    text-align: left;
}
#reply-title {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 26px;
}
.comment-notes .required {
    color: red;
}
.comment-notes {
    color: #606060;margin-bottom: 30px;
}
.commentlist li {
    border-bottom: 1px solid #ececec;
    border-top: 1px solid #ececec;
    padding: 20px 0 30px;
}
.comments-title {
    float: left;
    width: 100%;
    margin: 20px 0;
    padding: 40px 10px;
    background-color: #f9f9f9;
    font-size: 26px;
    border-left: 4px solid #606060;
}
.post-title {
    color: #333;
}
.comment-list {
    float: left;
    padding-left: 0;
    text-align: left;
}
.comment-author.vcard .avatar.avatar-56.photo {
    border-radius: 50%;
    background-color: #f8f8f8;
    width: 80px;
    height: 80px;
    object-fit: scale-down;
}
.comment-list li {
    float: left;list-style: none;width: 100%;
    padding: 20px 0 30px;border-top: 1px solid #ececec;
    margin-top: 20px;border-bottom: 1px solid #ececec;
}
/*====   commnet form ===*/
#commentform {
    float: left;
    width: 100%;
    max-width: 480px;
}
.comment-form-author label {
    float: left;
    width: 100%;
}
#commentform p {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}
#commentform .required {
    color: red;
}
#commentform p input {
    float: left;
    width: 100%;
    padding: 10px;
    box-shadow: unset;
    background-color: #fff;
    border: 1px solid #ccc;
}
.comment-form-comment textarea {
    width: 100%;
    resize: unset;
    border-radius: unset;
    box-shadow: unset;
    height: 130px;
}
#commentform .form-submit .submit {
    padding: 12px 40px;width: auto;
    border-radius: 2px;
    box-shadow: unset;
    background-color: #337ab7;
    color: #ffff;
    font-size: 14px;
    border: unset;
    margin-top: 10px;
}
#commentform .form-submit .submit:hover,#commentform    .form-submit .submit:focus{
    background-color: #286090;
    border-color: #122b40;
}
#commentform p input:focus,.comment-form-comment textarea:focus{
    border-color: #627b90;
}
.comment-reply-link:hover {
    background-color: #2e6da4;
    color: #fff;transition: 0.3s;
    border-color: #2e6da4;
    text-decoration: none;
}


/*======  blog sidebar css start here ====*/
.blog_sidebar {
    float: left;text-align: left;
}
.blog_sidebar li {
    display: inline-block;
    width: 100%;
}
#search-form .screen-reader-text {
    float: left;
    color: #808080;
    font-weight: 400;
    width: 100%;
    margin-bottom: 5px;
    visibility: hidden;
    margin-top: -27px;
}
#searchsubmit {
    float: right;width: 29%;padding: 8px 10px;height: 45px;font-size: 14px;
    background-color: #337ab7;border: unset;color: #fff;
}
#search-form input[type="search"] {
    float: none;
    width: 70%;
    padding: 10px;
    box-shadow: unset;
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    height: 45px;
}
.widgettitle {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 26px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ececec;
    margin-top: 30px;
    display: inline-block;
}
#recent-posts-3 ul {
    float: left;
    width: 100%;
    padding: 0;
}
#recent-posts-3 ul li {
    float: left;
    width: 100%;
    line-height: 30px;
    border-bottom: 1px solid #eeeeee;
    padding: 10px 0;
}
.post-date {
    float: left;
    width: 100%;
    text-align: left;
    color: #858585;
    line-height: normal;
}
#recent-posts-3 ul li:last-child{
    border:none;
}

.byline .screen-reader-text {
    color: #333;
    font-weight: bold;
    margin-right: 5px;
}
.author.vcard {
    margin-bottom: 10px;
    display: inline-block;
    text-align: left;
    float: left;
}
.author.vcard a {
    color: #737373;
}
.blog_details .entry-content p {
    text-align: left;
    /*float: left;*/
}

/*======  kis id page css start here =========*/
.kid-idbansec {
    float: left;
    width: 100%;background-position: center;
    background-image: url("../images/Kid-Id-Background-ver.1.jpg");
    height: auto;
    display: inline-block;
    margin-top: 30px;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 10%;
}
/*.wrap_kidcontent {
    display: inline-block;
    float: left;
    width: 100%;
}*/
.made_just {
    width: 100%;
    text-align: center;
}
.hover_img{display: none;}
.wrap_mainkid {
    display: inline-block;
    width: 100%;
    max-width: 966px;
    margin: 0 auto;
}
.product_kidid {
    float: left;
    width: 100%;
    padding: 0;
    display: inline-block;
    margin: 0;
}

.product_kidid li {
    display: inline-block;
    float: left;
    width: auto;
}
/*.product_kidid li:hover .hover_img {
    display: inline-block;
}
.product_kidid li:hover img {
    display: none;
}*/
/*===========  responsive css start here ===*/
@media(max-width: 1024px){
    .post-thumbnail img{
        min-height: auto;
    }
    .entry-content{line-height: 23px;}
    .entry-title{font-size: 20px;}
}
@media(max-width: 991px){
    .blog_sidebar{margin-top: 30px;}
}
@media(max-width: 767px){
    .entry-content{padding: 0px;}
    .entry-title{font-size: 18px;}
}
@media(max-width: 767px) and (min-width: 640px){
    .entry-title{
        font-size: 16px;
    }
    .blog_sidebar{padding: 0 15px;display: inline-block;}
}

@media(max-width: 640px){
    .middle .blog_list{width: 100%;margin-bottom: 40px;}
    .comments-title{padding: 20px 10px;font-size: 18px;}
    .entry-content {
        padding: 0px;text-align: justify;
        text-align-last: center;
    }
}
@media(max-width: 480px){
    .comment-author.vcard .avatar.avatar-56.photo{width: 70px;height: 70px;}
    #reply-title{font-size: 22px;margin-top: 20px;}
    .navigation.post-navigation h2.screen-reader-text{font-size: 22px;}
    #commentform p{font-size: 13px;}
}

.entry-footer span.posted-on {
    display: block;
}


/* livestrong page css start herer*/

form#firstFrom .cust-suf {
    text-align: center;
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 416px;
}


form#firstFrom .border > h3, form#secondFrom .border > h3 {
    margin-top: 0px;
    padding-left: 10px;
    font-size: 17px;
    background: #004aba;
    padding: 10px;
    color: #fff;
}

form#firstFrom .border , form#secondFrom .border{
    border: 1px solid #004aba;
    padding: 0px 0 25px 0;
    margin-bottom: 30px;
    border-radius: 6px;
}

form#secondFrom label#firstLine {
    bottom: 11px;
    width: 326px !important;
}

form#secondFrom input#firstLineText {
    margin-top: 20px;
}
form#secondFrom h3 span {
    color: #F00;
    text-decoration: line-through;
}
form#secondFrom .cust-suf input#firstLineText {
    max-width: 290px;
    margin: auto;
    margin-top: 10px;
}
p {
    line-height: 20px;
}
.border h4 {
    color: #211e1e;
    font-weight: 700;
    width: 100%;
    float: left;
}
form#secondFrom .cust-suf {
    margin-top: 20px;
}


/*  cust-kidbottle*/

.cust-kidbottle .leftImg img#frontPreview {
position: absolute;
left: 46px;
top: 58.1%;
width: 230px;
}

.cust-kidbottle .rightImg img#backPreview, .cust-kidbottle .leftImg label.firstLine {
position: absolute;
right: 75px;
top: 60%;
width: 220px;
}

.cust-kidbottle div#imgleft img {
max-width: 250px;
}

.cust-kidbottle div#imgright img{
max-width: 330px;
}
.cust-kidbottle  label#firstLine {
position: absolute;
top: 61%;
}
.cust-kidbottle label#secondLine {
position: absolute;
top: 64%;
}
.cust-kidbottle .text-muted {
color: #777;
width: 100%;
float: left;
text-align: center;
margin-bottom: 0px;
}

/*==========  1 july 2019 ----*/

#coupon_form button {
    background: #337ab7;border: #337ab7;color: #fff;font-weight: normal;padding: 0px 25px;height: 35px;line-height: 26px;
}
#coupon_form input{height:35px;padding:10px;}
#coupon_form {
    margin: 0px;
    z-index: 111;
    position: relative;
}
.pric_lt_cnt table.cartTable .dis_bar input{
    height:35px;padding:10px;
}
.btn_remove {
    position: relative;
    top: -2px;
}
/*=======   ends  ========*/
/*==========  2 july 2019 ----*/
.media-object {
    width: 100%;
}
.title_table {
    text-align: center;font-size: 18px;
    font-weight: 700;margin: 10px 0;
}
.media.heart.jessu_topsec p {
    font-size: 14px;line-height: 24px;
}
.wrap_tablejuss {
    float: left;width: 100%;
}
.media.heart.jessu_topsec h4 small {
    width: 100%;float: left;margin: 5px 0;
}
.media.heart.jessu_topsec h4 {
    margin-bottom: 0px;display: inline-block;width: 100%;
}
/*==========  ends  =========*/

@media(min-width: 767px){
    .pric_lt_cnt tfoot{top:25px;position: relative;}
    .pric_lt_cnt tr.no-boarder td{padding: 5px 8px;}

}

@media (min-width:320px) and (max-width:767px) {
    .cust-kidbottle div#imgright img {
    max-width: 100%;
    }
    .cust-kidbottle div#imgleft img {
    max-width: 100%;
    }
    .cust-kidbottle .rightImg img#backPreview, .cust-kidbottle .leftImg label.firstLine {
    position: absolute;
    right: 35px;
    top: 60%;
    width: 180px;
    }
    .cust-kidbottle div#imgright label#firstLine {
    position: absolute;
    top: 62%;
    font-size: 11px !important;
    }
    .cust-kidbottle label#secondLine {
    position: absolute;
    top: 67%;
    font-size: 11px !important;
    }

    .form-group {
        margin-bottom: 15px;
        padding: 0px;
    }
    .cust-kidbottle .leftImg img#frontPreview {
        position: absolute;
        left: 46px;
        top: 59.1%;
        width: 216px !important;
    }
    .cust-kidbottle > div > div {
        padding: 0px;

    }

    div#imgleft {
        margin-bottom: 20px;
    }
    .cust-kidbottle {
        max-width: 260px;
        margin: auto;
    }
    form#firstFrom .cust-suf {
        height: 256px;
    }

    form#firstFrom .border > h3, form#secondFrom .border > h3 {
        margin-top: 0px;
        padding-left: 10px;
        font-size: 12px;
    }

    img.right-img.text-align, img.left-img {
        margin-top: 5px;
        width: 20px;

    }
    .media.heart.jessu_topsec {
        padding: 0 0 20px;
    }
    .wrap_tablejuss table, .wrap_tablejuss thead, .wrap_tablejuss tbody, .wrap_tablejuss th,.wrap_tablejuss td,.wrap_tablejuss tr {
        display: revert;
    }
    .wrap_tablejuss td, .wrap_tablejuss th {
        display: table-cell;
    }

}
@media (min-width:768px) and (max-width:991px) {
.cust-kidbottle .rightImg img#backPreview, .cust-kidbottle .leftImg label.firstLine {
    position: absolute;
    right: 60px;
    top: 60%;
    width: 220px;
}
}

@media (min-width:992px) and (max-width:1199px) {

.cust-kidbottle div#imgright img {
    max-width: 310px;
}

.cust-kidbottle div#imgleft img {
    max-width: 230px;
    margin: auto;
}

.cust-kidbottle .rightImg img#backPreview, .cust-kidbottle .leftImg label.firstLine {
    position: absolute;
    right: 46px;
    top: 60%;
    width: 204px;
}
.cust-kidbottle .leftImg img#frontPreview {
    position: absolute;
    left: 36px;
    top: 58.1%;
    width: 203px;

}
.cust-kidbottle .col-md-6 {
    padding: 0px;
}

}

@media (min-width:320px) and (max-width:767px) {
    .cust-kidbottle div#imgright img {
        max-width: 100%;
    }
    .cust-kidbottle div#imgleft img {
        max-width: 100%;
    }
    .cust-kidbottle .rightImg img#backPreview, .cust-kidbottle .leftImg label.firstLine {
        position: absolute;
        right: 35px;
        top: 60%;
        width: 180px;
    }
    .cust-kidbottle div#imgright label#firstLine {
        position: absolute;
        top: 62%;
        font-size: 11px !important;
    }
    .cust-kidbottle label#secondLine {
        position: absolute;
        top: 67%;
        font-size: 11px !important;
    }
    #coupon_form button {
        background: #337ab7;border: #337ab7;color: #fff;font-weight: normal;padding: 0px 25px;height: 35px;line-height: 26px;
    }
    #coupon_form {
        position: relative;z-index: 9;width: auto;display: block;float: none !important;margin-top: 18px;margin-bottom: 0px;text-align: center;
    }
    .pric_lt_cnt table.cartTable tbody td:last-child {
        text-align: center;display: inline-block;
        width: 100%;margin-bottom: 7px;
    }
    #coupon_form input{height:35px;padding:10px;}
    .after_aply{display: inline-block;float: left !important;width: 100%;margin-top: 14px;}
    



}

@media(max-width: 414px){
    #coupon_form button{padding:0 10px;}
}






.update_size {
    float: left;
    width: 100%;
    margin: 0px 0px 15px;
    padding: 0 15px;
}
.update_size .update_btn {
    background-color: #037ac2;color: #fff;padding: 10px 20px;border-radius: 100px;font-weight: 600;display: inline-block;
}
.update_size .update_btn:hover,.update_size .update_btn:focus{opacity: 0.8;}