body {
    font-family: OpenSans-Regular_0, Helvetica, sans-serif;
    overflow-x: hidden;
    background: #f9f9f9;
}

@font-face {
    font-family: 'OpenSans-Regular_0';
    src: url('../fonts/OpenSans-Regular_0.eot');
    src: url('../fonts/OpenSans-Regular_0.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Regular_0.svg#OpenSans-Regular_0') format('svg'), url('../fonts/OpenSans-Regular_0.ttf') format('truetype'), url('../fonts/OpenSans-Regular_0.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

@font-face {
    font-family: 'OpenSans-Semibold_0';
    src: url('../fonts/OpenSans-Semibold_0.eot');
    src: url('../fonts/OpenSans-Semibold_0.eot?#iefix') format('embedded-opentype'), url('../fonts/OpenSans-Semibold_0.svg#OpenSans-Semibold_0') format('svg'), url('../fonts/OpenSans-Semibold_0.ttf') format('truetype'), url('../fonts/OpenSans-Semibold_0.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

@font-face {
    font-family: 'ROBOTO-CONDENSED';
    src: url('../fonts/ROBOTO-CONDENSED.eot');
    src: url('../fonts/ROBOTO-CONDENSED.eot?#iefix') format('embedded-opentype'), url('../fonts/ROBOTO-CONDENSED.svg#ROBOTO-CONDENSED') format('svg'), url('../fonts/ROBOTO-CONDENSED.TTF') format('truetype'), url('../fonts/ROBOTO-CONDENSED.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

@font-face {
    font-family: 'ROBOTO-LIGHT';
    src: url('../fonts/ROBOTO-LIGHT.eot');
    src: url('../fonts/ROBOTO-LIGHT.eot?#iefix') format('embedded-opentype'), url('../fonts/ROBOTO-LIGHT.svg#ROBOTO-LIGHT') format('svg'), url('../fonts/ROBOTO-LIGHT.TTF') format('truetype'), url('../fonts/ROBOTO-LIGHT.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

@font-face {
    font-family: 'ROBOTO-REGULAR';
    src: url('../fonts/ROBOTO-REGULAR.eot');
    src: url('../fonts/ROBOTO-REGULAR.eot?#iefix') format('embedded-opentype'), url('../fonts/ROBOTO-REGULAR.svg#ROBOTO-REGULAR') format('svg'), url('../fonts/ROBOTO-REGULAR.TTF') format('truetype'), url('../fonts/ROBOTO-REGULAR.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

a {
    text-decoration: none;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.banner {
    float: left;
    width: 100%;
}

.banner img {
    width: 100%;
}

.order-form-box {
    float: left;
    width: 100%;
    padding: 15px 0px;
}

.orderform {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 3px 13px #ccc;
    border: solid 1px #e9e9e9;
}

.orderform h2 {
    color: #434343;
    font-size: 24px;
    text-transform: uppercase;
    font-family: ROBOTO-REGULAR, Helvetica, sans-serif;
    margin-top: 0px;
}

.orderform .form-control {
    font-size: 13px;
    color: #868686;
    height: 38px;
    border: solid 1px #e3e3e3;
    border-radius: 5px;
    background: #f9f9f9;
    margin-bottom: 5px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .0);
    margin-left: 0px;
}

.orderform-btn {
    padding: 12px 50px;
    border-radius: 50px;
    display: inline-block;
    background: #e3007b;
    border: none;
    font-size: 15px;
    text-transform: uppercase;
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    color: #fff;
}

.orderform-btn:hover {
    background: #000;
}

.order-form-text-left {
    background: #e3007b;
    padding: 37px 45px;
    float: left;
    width: 100%;
    text-align: center;
    box-shadow: 0px 3px 13px #ccc;
    border-radius: 10px;
}

.order-form-text-left h1 {
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    color: #fff;
    font-size: 35px;
}

.order-form-text-left p {
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    color: #fff;
    font-size: 19px;
    line-height: 24px;
    margin: 0px;
}

.pricing {
    float: left;
    width: 100%;
}

.pricing h1 {
    color: #434243;
    font-size: 44px;
    text-transform: uppercase;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
    background: url(../images/pricing-heading%20bg.png) no-repeat left bottom;
    padding-bottom: 20px;
    margin: 0px;
}

.pricing h3 {
    color: #6d6b6d;
    font-size: 19px;
    text-transform: uppercase;
    margin: 25px 0px;
}

.pricing h2 {
    color: #e3007b;
    font-size: 24px;
    text-transform: uppercase;
    font-family: ROBOTO-REGULAR, Helvetica, sans-serif;
    padding-bottom: 20px;
    margin: 0px;
}

.pricing h5 {
    color: #e3007b;
    font-size: 17px;
    margin: 0px;
    text-transform: uppercase;
}

.pricebox {
    margin: 0 0 15px 0px;
    float: left;
    padding: 0px;
}

.pricebox li {
    margin-left: 14px;
    float: left;
    border-radius: 10px;
    width: 178px;
    margin-bottom: 17px;
    box-shadow: 0px 3px 13px #ccc;
    overflow: hidden;
    text-align: center;
}

.pricebox li:first-child {
    margin-left: 0px;
}

.pricebox li h1 {
    background: #e3007b;
    margin: 0px;
    font-size: 25px;
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    padding: 10px 0px;
    color: #fff;
    text-transform: uppercase;
}

.pricebox li h1 span {
    width: 100%;
    float: left;
    font-size: 14px;
    font-family: ROBOTO-REGULAR, Helvetica, sans-serif;
}

.pricebox li h2 {
    color: #404040;
    font-size: 18px;
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    padding: 12px 0px;
}

.pricebox li h2 span {
    color: #e3007b;
}


.swimcapdiv {
    width: 100%;
    box-shadow: 0px 2px 5px #dcdcdc;
    border-radius: 5px;
    float: left;
}

.swimtopshow {
    width: 100%;
    background: #e3007b;
    color: #fff;
    padding: 8px 10px 5px 20px;
    font-size: 22px;
    border-radius: 5px 5px 0px 0px;
    text-transform: uppercase;
    line-height: 25px;
    float: left;
}

.swimmatter {
    width: 100%;
    padding: 10px 20px 15px;
    float: left;
}

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

.swimmatter ul li {
    width: 100%;
    list-style-type: none;
    line-height: 26px;
    font-size: 16px;
    color: #3c3c3c;
    float: left;
}

.discolor {
    color: #e3007b;
    font-size: 13px;
    padding: 0px 10px 0px 0px;
}



.silicone li {
    width: 131px;
}

.about-section {
    float: left;
    width: 100%;
    padding: 35px 0 80px 0px;
}

.about-section-bg {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 3px 13px #ccc;
    border: solid 1px #e7e7e7;
    position: relative;
    float: left;
    width: 100%;
}

.about-section-bg::after {
    width: 348px;
    height: 348px;
    border-radius: 50%;
    background: #e3007b;
    position: absolute;
    left: 155px;
    bottom: -100px;
    content: "";
    z-index: -9;
}

.about-section img {
    max-width: 100%;
}

.aboutcontent p {
    color: #222;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 12px 0px;
}

.aboutcontent p span {
    color: #e2007b;
}

.product-details {
    float: left;
    width: 100%;
    padding: 35px 0 80px 0px;
    margin-top: 50px;
}

.product-details-bg {
    background: #fff;
    border-radius: 10px;
    padding: 45px;
    box-shadow: 0px 3px 13px #ccc;
    border: solid 1px #e7e7e7;
    position: relative;
    float: left;
    width: 100%;
}

.product-details-bg::before {
    width: 348px;
    height: 348px;
    border-radius: 50%;
    background: #e3007b;
    position: absolute;
    right: 105px;
    top: -100px;
    content: "";
    z-index: -9;
}

.product-details-bg h1 {
    color: #434243;
    font-size: 44px;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin: 0 0 30px 0px;
    background: url(../images/pricing-heading%20bg.png) no-repeat left bottom;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
}

.product-details-bg h3 {
    color: #757575;
    font-size: 17px;
    line-height: 19px;
    text-transform: uppercase;
    font-family: ROBOTO-REGULAR, Helvetica, sans-serif;
    margin: 0px;
}

.product-details-bg h3 span {
    color: #e3007b;
}

.product-details-box {
    background: #f9f9f9;
    border-radius: 10px;
    box-shadow: 0px 3px 13px #ccc;
    overflow: hidden;
    margin-bottom: 28px;
    min-height: 260px;
}

.product-details-box h2 {
    padding: 12px 23px;
    color: #fff;
    text-transform: uppercase;
    font-size: 22px;
    font-family: ROBOTO-REGULAR, Helvetica, sans-serif;
    margin: 0px;
    background: #e3007b;
    margin-bottom: 18px;
}

.product-details-box p {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    padding: 0px 23px;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
}

.swimcaps-product-details-box {
    min-height: 155px;
}

.gallery {
    float: left;
    width: 100%;
}

.gallery h1 {
    color: #434243;
    font-size: 44px;
    text-transform: uppercase;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
    background: url(../images/pricing-heading%20bg.png) no-repeat left bottom;
    padding-bottom: 20px;
    margin: 0 0 30px 0px;
}

.galleryimg {
    background: #fff;
    border: solid 1px #f1f1f1;
    text-align: center;
    width: 100%;
    float: left;
    padding: 18px 0px;
    margin: 15px 0px;
}

.galleryimg a img {
    width: 100%;
    height: 204px;
}

.popular-products {
    float: left;
    width: 100%;
    padding-top: 30px;
}

.popular-products-bg {
    background: #fff;
    border-radius: 10px;
    padding: 45px;
    box-shadow: 0px 3px 13px #ccc;
    border: solid 1px #e7e7e7;
    position: relative;
    float: left;
    width: 100%;
}

.popular-products-bg h1 {
    color: #434243;
    font-size: 44px;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin: 0 0 30px 0px;
    background: url(../images/pricing-heading%20bg.png) no-repeat left bottom;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
}

.popular-product-box {
    background: #eeeeee;
    float: left;
    width: 100%;
}

.popular-product-box img {
    width: 100%;
}

.popular-product-box h3 {
    color: #ed258f;
    font-size: 16px;
    font-family: OpenSans-Semibold_0, Helvetica, sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.popular-product-box a {
    background: url(../images/viewbtn-bg.png) no-repeat;
    text-align: center;
    color: #fff;
    font-size: 13px;
    font-family: OpenSans-Semibold_0, Helvetica, sans-serif;
    width: 143px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    float: right;
}

.popular-product-box a:hover {
    text-decoration: none;
    color: #000;
}

.pricing-tablebox {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 3px 13px #ccc;
    border: solid 1px #e9e9e9;
}

.pricing-tablebox h2 {
    color: #e3007b;
    font-size: 16px;
    font-family: OpenSans-Semibold_0, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0px;
    padding-bottom: 15px;
}

.pricing-tablebox h3 {
    color: #353535;
    font-size: 14px;
    font-family: OpenSans-Semibold_0, Helvetica, sans-serif;
    text-transform: uppercase;
    margin: 0px;
    padding-bottom: 5px;
}

.pricing-tablebox p {
    color: #e3007b;
    font-size: 12px;
    font-family: OpenSans-Semibold_0, Helvetica, sans-serif;
    text-transform: uppercase;
}

.pricing-table {
    margin-bottom: 15px;
}

.pricing-table table {
    border-radius: 5px;
    overflow: hidden;
}

.pricing-table thead tr {
    background: #e3007b;
    color: #fff;
}

.pricing-table tr th {
    font-size: 14px;
    font-family: OpenSans-Semibold_0, Helvetica, sans-serif;
    font-weight: normal;
    padding: 7px !important;
}

.pricing-table tr td {
    font-size: 14px;
    font-family: OpenSans-Semibold_0, Helvetica, sans-serif;
    font-weight: normal;
    padding: 8px !important;
}

.footer {
    float: left;
    width: 100%;
    text-align: center;
    color: #b0b0b0;
    font-size: 14px;
    text-transform: uppercase;
    padding: 28px 0px;
}

.thankyoupage-section a {
    color: #fff;
    font-size: 13px;
    font-family: OpenSans-Semibold_0, Helvetica, sans-serif;
    width: 160px;
    background: #000;
    height: 35px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    margin-top: 20px;
}

.thankyoupage-section a:hover {
    color: #000;
    background: #fff;
    text-decoration: none;
}

/***16-08***/

.testimonialbg {
    padding: 50px 0 15px 0px;
    float: left;
    width: 100%;
}

.testimonialbg h1 {
    color: #434243;
    font-size: 44px;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin: 0 0 30px 0px;
    background: url(../images/pricing-heading%20bg.png) no-repeat left bottom;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
}

.testimonial-box {
    background: #fff;
    border-radius: 10px;
    padding: 45px;
    box-shadow: 0px 3px 13px #ccc;
    border: solid 1px #e7e7e7;
    position: relative;
    float: left;
    width: 100%;
}

.testimonial-img {
    width: 30%;
    float: left;
}

.testimonial-content {
    width: 70%;
    float: left;
}

.testimonial-content h3 {
    color: #ed2590;
    font-size: 24px;
    margin: 0;
}

.testimonial-content p {
    color: #6d6d6d;
    font-size: 14px;
    line-height: 19px;
}

.navbar-toggle {
    background: #fff;
    margin-right: 0px;
}

.navbar-toggle .icon-bar {
    background: #000;
}

.membershipcardspost {
    background: #fff;
    padding: 0 24px 24px 24px;
    float: left;
    width: 100%;
    text-align: center;
    box-shadow: 0px 3px 13px #ccc;
    border-radius: 10px;
}

.membershipcardspost h1 {
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    color: #e3007b;
    font-size: 24px;
    margin: 20px 0 15px 0;
    text-transform: uppercase;
}

.membershipcardspost p {
    color: #222;
    font-size: 16px;
    line-height: 22px;
    padding: 0px 23px;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
}

.membershipcardspost a {
    padding: 12px 50px;
    border-radius: 50px;
    display: inline-block;
    background: #e3007b;
    border: none;
    font-size: 15px;
    text-transform: uppercase;
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    color: #fff;
}

.membershipcardspost a:hover {
    background: #000;
}

.membership {
    float: left;
    width: 100%;
    padding: 35px 0 80px 0px;
    margin-bottom: 70px;
}

.membershipbg {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 3px 13px #ccc;
    border: solid 1px #e7e7e7;
    position: relative;
    float: left;
    width: 100%;
}

.membershipbg::after {
    width: 348px;
    height: 348px;
    border-radius: 50%;
    background: #e3007b;
    position: absolute;
    left: 155px;
    bottom: -100px;
    content: "";
    z-index: -9;
}

.membership img {
    max-width: 100%;
}

.membership h2 {
    margin: 0;
    font-size: 24px;
    text-transform: uppercase;
}

.membership p {
    color: #222;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 22px;
    margin: 12px 0px;
}

.membership p span {
    color: #e2007b;
}

.listsection {
    width: 94%;
    float: left;
    padding-left: 17px;
}

.listsection ul {
    margin: 0;
    padding: 0;
}

.listsection ul li {
    list-style: disc;
    margin: 5px 0;
}

.sweatbandpricebox li {
    margin-left: 10px;
    width: 135px;
}

.sweatband-details-box {
    min-height: 180px;
}

.sweatbandpricingtable tr td {
    padding: 32px 8px !important;
}

.sweatbandpricingtable tr th {
    padding: 25px 7px !important;
}

/******** 3D usb sTYLESHEET *************/

@font-face {
    font-family: 'Montserrat-Regular_1';
    src: url('../fonts/Montserrat-Regular_1.eot');
    src: url('../fonts/Montserrat-Regular_1.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Regular_1.svg#Montserrat-Regular_1') format('svg'), url('../fonts/Montserrat-Regular_1.woff') format('woff'), url('../fonts/Montserrat-Regular_1.TTF') format('truetype'), url('../fonts/Montserrat-Regular_1.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

@font-face {
    font-family: 'Montserrat-SemiBold_0';
    src: url('../fonts/Montserrat-SemiBold_0.eot');
    src: url('../fonts/Montserrat-SemiBold_0.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-SemiBold_0.svg#Montserrat-SemiBold_0') format('svg'), url('../fonts/Montserrat-SemiBold_0.woff') format('woff'), url('../fonts/Montserrat-SemiBold_0.TTF') format('truetype'), url('../fonts/Montserrat-SemiBold_0.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}

@font-face {
    font-family: 'Montserrat-Light';
    src: url('../fonts/Montserrat-Light.eot');
    src: url('../fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Montserrat-Light.svg#Montserrat-Light') format('svg'), url('../fonts/Montserrat-Light.woff') format('woff'), url('../fonts/Montserrat-Light.TTF') format('truetype'), url('../fonts/Montserrat-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
}


.dusbsection .bannersection {
    width: 100%;
    float: left;
}

.dusbsection .bannerleftside {
    width: 62.9%;
    float: left;
    background: #80d98b;
    text-align: right;
}

.dusbsection .bannerrightside {
    width: 37%;
    float: left;
}

.dusbsection .righttop {
    width: 100%;
    float: left;
    background: #ffe4de url(images/3dusb/righttopbg.png) no-repeat left;
    text-align: center;
    height: 278px;
}

.dusbsection .rightbottom {
    width: 100%;
    float: left;
    background: #d9d9d8 url(images/3dusb/rightbottombg.png) no-repeat left;
    text-align: center;
    height: 278px;
}

.dusbsection .conceptsection {
    width: 100%;
    float: left;
}

.dusbsection .conceptleft {
    width: 62.9%;
    float: left;
    background: #fff;
    text-align: right;
}

.dusbsection .conceptright {
    width: 37%;
    float: left;
    padding: 22px 0px 37px;
    background: #dcfdfd;
}

.dusbsection .process {
    width: 720px;
    float: left;
    padding: 40px 0;
    text-align: center;
    margin: 0 0 0 47px;
    font-family: Montserrat-Regular_1, Helvetica, sans-serif;
}

.dusbsection .process h1 {
    text-transform: uppercase;
    font-size: 25px;
    text-align: left;
    margin-bottom: 35px;
}

.dusbsection .process h1 span {
    font-size: 35px;
    display: block;
}

.dusbsection .process ul li {
    display: inline-block;
    list-style: none;
    margin: 0 0 0 26px;
}

.dusbsection .process ul li span {
    display: block;
    font-size: 15px;
    text-transform: uppercase;
}

.dusbsection .topcontact {
    width: 426px;
    float: left;
    font-family: Montserrat-Regular_1, Helvetica, sans-serif;
}

.dusbsection .topcontact h1 {
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    margin-bottom: 35px;
    margin: 40px 0 17px 32px;
}

.dusbsection .topcontact p {
    margin-bottom: 0px;
}

.dusbsection .topcontact input[type="text"],
.dusbsection input[type="submit"],
.dusbsection textarea {
    font-size: 13px;
    color: #868686 !important;
    height: 38px;
    border: solid 1px #e3e3e3;
    border-radius: 5px;
    background: #f9f9f9;
    margin-bottom: 5px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .0);
    margin: 7px 0 7px 35px;
    width: 100%;
    padding: 6px 12px;
    outline: none !important;
    font-weight: normal !important;
}

.dusbsection .topcontact input[type="text"] {
    color: #868686;
}

.dusbsection .topcontact input[type="submit"] {
    padding: 12px 50px;
    border-radius: 50px;
    display: inline-block;
    background: #e3007b;
    border: none;
    font-size: 15px;
    text-transform: uppercase;
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    color: #fff !important;
    width: auto !important;
    height: auto !important;
    outline: none;
}

.dusbsection .topcontact input[type="submit"]:hover {
    background: #000;
}

.dusbsection .topcontact textarea {
    height: 115px;
    padding-top: 15px;
}

.dusbsection .usbgallery {
    width: 100%;
    float: left;
    background: url(../images/3dusb/gallerybg.jpg);
    background-size: 100%;
    padding-bottom: 40px;
}

.dusbsection .usbgallery h1 {
    text-transform: uppercase;
    font-size: 25px;
    text-align: left;
    margin: 12px 0 20px 0;
}

.dusbsection .usbgallery li {
    display: inline-block;
    list-style: none;
    width: 262px;
    height: 230px;
    margin: 29px 15px;
}

.dusbsection .usbgallery li img {
    width: 100%;
}

.dusbsection .usbgallery h1 {
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 35px;
    margin: 40px 0 12px 18px;
    font-family: Montserrat-Regular_1, Helvetica, sans-serif;
}

.dusbsection .bottomright {
    width: 37%;
    float: left;
    padding: 22px 0px 15px;
    background: #efefef;
}

.dusbsection .bottomsection {
    width: 100%;
    float: left;
    font-family: Montserrat-Regular_1, Helvetica, sans-serif;
}

.dusbsection .bottomcontact {
    width: 426px;
    float: left;
    background: #efefef;
}

.dusbsection .bottomsection h1 {
    text-transform: uppercase;
    font-size: 25px;
    margin-bottom: 35px;
    margin: 40px 0 17px 32px;
}

.dusbsection .bottomcontact p {
    float: left;
    width: 100%;
    margin-bottom: 0px;
}

.dusbsection .bottomcontact input[type="text"],
.dusbsection input[type="submit"],
.dusbsection textarea {
    font-size: 13px;
    color: #868686 !important;
    border: solid 1px #e3e3e3;
    border-radius: 5px;
    background: #f9f9f9;
    margin-bottom: 5px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .0);
    margin: 7px 0 7px 35px;
    width: 100%;
    padding: 6px 12px;
    height: 38px;
    outline: none !important;
    font-weight: normal !important;
}

.dusbsection .bottomcontact input[type="text"] {
    color: #a9c9c9;
}

.dusbsection .bottomcontact input[type="submit"] {
    padding: 12px 50px;
    border-radius: 50px;
    display: inline-block;
    background: #e3007b;
    border: none;
    font-size: 15px;
    text-transform: uppercase;
    font-family: ROBOTO-CONDENSED, Helvetica, sans-serif;
    color: #fff !important;
    width: auto !important;
    height: auto !important;
    outline: none !important;
}

.dusbsection .bottomcontact input[type="submit"]:hover {
    background: #000;
}

.dusbsection .bottomcontact textarea {
    height: 115px;
    padding-top: 15px;
}

.dusbsection .about3dusb {
    width: 62.9%;
    float: left;
    background: #fff;
    text-align: right;
}

.dusbsection .introtext {
    width: 720px;
    float: left;
    padding: 40px 0 100px;
    text-align: center;
    margin: 0 0 0 47px;
    font-family: Montserrat-Regular_1, Helvetica, sans-serif;
}

.dusbsection .introtext h1 {
    text-transform: uppercase;
    font-size: 25px;
    text-align: left;
    margin: 12px 0 20px 0;
}

.dusbsection .introtext p {
    font-size: 14px;
    text-transform: inherit;
    text-align: left;
    font-family: Montserrat-Light, Helvetica, sans-serif;

}

/************************* 10-8-2018 ****************************/

.order-form-text-left h4 {
    color: #FFFFFF;
    display: inline-block;
    margin: 5px;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
}

.samplepack {
    width: 100%;
    float: left;
    margin: 25px 0;
}

.samplepack a {
    width: 100%;
    float: left;
    border-radius: 90px;
    color: #FFFFFF;
    text-decoration: none;
    text-transform: uppercase;
    background: #e3007b;
    padding: 7px 20px;
    text-align: left;
    height: 57px;
    font-weight: bold;
    border-bottom: 4px solid #b10060;
}

.samplepack a span {
    font-size: 29px;
    margin-top: -21px;
    float: right;
}

.samplepack a:hover {
    border-bottom: none;
    background: #f2106b;
}

.plasticpricebox li {
    margin-left: 10px;
    width: 106px;
}

h1.designinformation {
    color: #434243;
    font-size: 44px;
    text-transform: uppercase;
    padding-bottom: 20px;
    margin: 0 0 30px 0px;
    background: url(../images/pricing-heading%20bg.png) no-repeat left bottom;
    font-family: ROBOTO-LIGHT, Helvetica, sans-serif;
}

.gallery span {
    text-align: center;
    display: block;
    margin: 6px 0px -11px 0;
}

.additionaloption {
    margin-top: 52px;
}

.plasticbottomprice {
    margin: 8px 0 24px;
}

.clientdetails {
    width: 100%;
    float: left;
    background: #e3007b;
    padding: 15px 0;
}

.clientdetails h1 {
    color: #fff;
    margin: 0;
    font-size: 30px;
}

.clientdetailsinfo {
    width: 100%;
    float: left;
    background: #eee;
    padding: 15px 0;
}

.clientdetailsinfo h2 {
    color: #333;
    margin: 0;
    font-size: 20px;
}


.clientdetailsform-box {
    float: left;
    width: 100%;
    padding: 15px 0px;
}

.clientdetailsform {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0px 3px 13px #ccc;
    border: solid 1px #e9e9e9;
}

.clientdetailsform h2 {
    color: #434343;
    font-size: 24px;
    text-transform: uppercase;
    font-family: ROBOTO-REGULAR, Helvetica, sans-serif;
    margin-top: 0px;
}

.clientdetailsform input[type="text"],
select,
textarea {
    font-size: 13px;
    color: #868686;
    height: 38px;
    border: solid 1px #e3e3e3;
    border-radius: 5px;
    background: #f9f9f9;
    margin-bottom: 25px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, .0);
    margin-left: 0px;
    width: 100%;
    padding-left: 12px;
}

.clientdetailsform textarea {
    height: 150px;
}

.clientdetailsform input[type="file"] {
    margin-top: 11px;
}


/************************* 20-11-2018 ****************************/


.testimonial-box ul {
    margin: 15px 0;
    padding: 0;
    float: left;
    text-align: center;
}

.testimonial-box ul li {
    display: inline-block;
    list-style: none;
}

.testimonial-box h3 {
    font-size: 24px;
    text-align: center;
}

.testimonial-box h6 {
    font-size: 14px;
    text-align: center;
    margin-bottom: 20px;
}


/*220420*/

.topcontact h2 {
    padding-left: 40px;
    color: #434343;
    font-size: 24px;
    text-transform: uppercase;
    font-family: ROBOTO-REGULAR, Helvetica, sans-serif;
    margin-top: 0px;
}

.bottomcontact h2 {
    padding-left: 40px;
    color: #434343;
    font-size: 24px;
    text-transform: uppercase;
    font-family: ROBOTO-REGULAR, Helvetica, sans-serif;
    margin-top: 0px;
}

/*220420*/

.mobileviewform {
    display: none;
}


@media only screen and (min-width: 960px) and (max-width: 1140px) {
    .pricebox li {
        width: 176px;
    }

    .product-details-box p {
        font-size: 12px;
    }

    .header a {
        margin-left: 10px;
        font-size: 13px;
    }

    .dusbsection .bannerleftside {
        width: 100%;
    }

    .dusbsection .bannerleftside img {
        width: 100%;
    }

    .dusbsection .bannerrightside {
        width: 100%;
    }

    .dusbsection .wrapper {
        width: 100%;
    }

    .dusbsection .process ul li {
        margin: 0 0 25px 1px !important;
    }

    .dusbsection .topcontact {
        width: 100%;
    }

    .dusbsection .topcontact input[type="text"],
    .dusbsection input[type="submit"],
    .dusbsection textarea {
        width: 76%;
    }

    .dusbsection .topcontact textarea {
        width: 76%;
        margin-left: 39px;
    }

    .dusbsection .topcontact input[type="submit"] {
        width: 76%;
        margin-left: 40px;
    }

    .dusbsection .topcontact h1 {
        margin: 40px 0 17px 0;
    }

    .dusbsection .process {
        width: 100%;
        margin-left: 0;
    }

    .dusbsection .process ul li {
        margin: 0 0 25px 17px
    }

    .dusbsection .process h1 {
        text-align: center;
    }

    .dusbsection .introtext {
        width: 80%;
    }

    .dusbsection .about3dusb {
        width: 50%;
    }

    .dusbsection .bottomright {
        width: 50%;
    }

    .dusbsection .gallery li {
        width: 168px;
        height: 144px;
    }

    .dusbsection .gallery {
        text-align: center;
    }

    .dusbsection .gallery h1 {
        margin-left: 0;
        text-align: center;
    }

    .dusbsection .bottomcontact input[type="text"],
    .dusbsection input[type="submit"],
    .dusbsection textarea {
        width: 95%;
        margin: 7px 0 7px 28px;
    }

    .dusbsection .bottomcontact p {
        width: 100%;
    }

    .navbar-nav>li>a {
        font-size: 12px;
    }

    .swimtopshow {
        font-size: 15px;
        line-height: 22px;
    }

    .swimmatter {
        padding: 10px 10px 15px;
    }

    .swimmatter ul li {
        line-height: 26px;
        font-size: 13px;
    }

    /*224020*/

    .membershipcardspost img {
        width: 100%;
    }

    .dusbsection .rightbottom {
        width: 50%;
        float: left;
    }

    .dusbsection .righttop {
        width: 50%;
    }


}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .order-form-text-left {
        margin-top: 30px;
    }

    .pricebox li {
        margin: 1% !important;
        width: 23%;
    }

    .header a {
        margin: 0px 3px;
        font-size: 11px;
        text-align: center;
        float: none;
    }

    .testimonial-img img {
        width: 90%;
    }

    .dusbsection .bannerleftside {
        width: 100%;
    }

    .dusbsection .bannerleftside img {
        width: 100%;
    }

    .dusbsection .bannerrightside {
        width: 100%;
    }

    .dusbsection .wrapper {
        width: 100%;
    }

    .dusbsection .conceptleft {
        width: 100%;
    }

    .dusbsection .conceptright {
        width: 100%
    }

    .dusbsection .topcontact {
        width: 100%;
        padding: 0px 15px;
    }

    .dusbsection .topcontact input[type="text"],
    .dusbsection input[type="submit"],
    .dusbsection textarea {
        width: 100%;
        margin: 7px 0px;
    }

    .dusbsection .topcontact textarea {
        width: 100%;
        margin-left: 0px;
    }

    .dusbsection .topcontact input[type="submit"] {
        width: 100%;
        margin-left: 0px;
    }

    .dusbsection .topcontact h1 {
        margin: 40px 0 17px 0;
    }

    .dusbsection .process {
        width: 100%;
        margin-left: 0;
    }

    .dusbsection .process ul li {
        margin: 0 0 25px 17px
    }

    .dusbsection .process h1 {
        text-align: center;
    }

    .dusbsection .introtext {
        width: 80%;
    }

    .dusbsection .about3dusb {
        width: 100%;
    }

    .dusbsection .bottomright {
        width: 100%;
    }

    .dusbsection .bottomcontact {
        width: 100%;
        padding: 0px 15px;
    }

    .dusbsection .gallery li {
        width: 168px;
        height: 144px;
    }

    .dusbsection .gallery {
        text-align: center;
    }

    .dusbsection .gallery h1 {
        margin-left: 0;
        text-align: center;
    }

    .dusbsection .bottomcontact input[type="text"],
    input[type="submit"],
    textarea {
        width: 100%;
        margin: 7px 0 7px 0px;
    }

    .swimtopshow {
        font-size: 15px;
        line-height: 22px;
    }

    .swimmatter {
        padding: 10px 10px 15px;
    }

    .swimmatter ul li {
        line-height: 26px;
        font-size: 13px;
    }

    /*220420*/

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

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

    #navbar {
        display: inline-block !important;
        width: 100%;
    }

    .navbar-nav {
        float: none;
        display: inline-block;
        text-align: center;
        width: 100%;
    }

    .navbar-nav>li {
        float: none;
        padding: 5px 10px !important;
        display: inline-block;
        text-align: center;
    }

    .navbar-nav>li>a {
        font-size: 11px;
        float: none;
        display: inline-block;
        text-align: center;
    }

    .about-section-bg::after {
        width: 300px;
        height: 300px;
        left: 0px;
    }

    .product-details-bg::before {
        width: 300px;
        height: 300px;
        right: 0px;
        top: -100px;
        content: "";
        z-index: -9;
    }

    .product-details-bg {
        border-radius: 10px;
        padding: 45px 20px;
    }

    .product-details-bg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .pricing h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .gallery h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .popular-products-bg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .testimonialbg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .orderform h2 {
        text-align: center;
        width: 100%;
    }

    .orderform-btn {
        width: 100%;
        float: left;
    }

    .pricing h3 {
        text-align: center;
    }

    .pricing h2 {
        text-align: center;
    }

    .pricing h5 {
        text-align: center;
    }

    .product-details-box h2 {
        text-align: center;
    }

    .product-details-box p {
        text-align: center;
    }

    .product-details-bg h3 {
        text-align: center;
    }

    .pricing-tablebox h2 {
        text-align: center;
    }

    .pricing-tablebox h3 {
        text-align: center;
    }

    .pricing-tablebox p {
        text-align: center;
    }

    .aboutcontent p {
        text-align: center;
    }

    .aboutimg {
        text-align: center;
    }

    .about-section-bg img {
        text-align: center;
        margin: 0px auto;
        display: table;
    }

    .membershipcardspost img {
        width: 100%;
    }

    .membershipcardspost {
        margin: 20px 0px;
    }

    .dusbsection .bottomcontact p {
        width: 100%;
    }

    .dusbsection .bottomcontact textarea {
        height: 75px;
        width: 100%;
        margin: 7px 0px;
    }

    .bottomcontact h2 {
        padding-left: 0px;
    }

    .dusbsection .usbgallery li {
        display: inline-block;
        list-style: none;
        width: 208px;
        height: 208px;
        margin: 15px 15px;
    }

    .topcontact h2 {
        padding-left: 0px;
    }

    .mobileviewform {
        display: block;
    }

    .mobilehide {
        display: none;
    }

}

@media only screen and (min-width: 600px) and (max-width: 767px) {
    .header a {
        float: none;
        margin: 0px 5px;
    }

    .header {
        text-align: center;
    }

    .order-form-text-left {
        margin-top: 30px;
    }

    .order-form-text-left img {
        width: 100%;
    }

    .pricebox li {
        margin: 1% !important;
        width: 48%;
    }

    .pricing-table {
        overflow-x: scroll;
    }

    .popular-product-box {
        margin: 15px 0px;
    }

    .header-left {
        width: 100%;
    }

    .navbar-nav>li {
        padding: 10px 0px;
        text-align: left;
    }

    .navbar-nav {
        margin: 0px;
    }

    .testimonial-box {
        padding: 25px;
    }

    .testimonial-img {
        width: 100%;
    }

    .testimonial-content {
        width: 100%;
        padding-top: 25px;
    }

    .header-right {
        width: 100%;
        text-align: right;
    }

    .dusbsection .bannerleftside {
        width: 100%;
    }

    .dusbsection .bannerleftside img {
        width: 100%;
    }

    .dusbsection .bannerrightside {
        width: 100%;
    }

    .dusbsection .wrapper {
        width: 100%;
    }

    .dusbsection .conceptleft {
        width: 100%;
    }

    .dusbsection .conceptright {
        width: 100%
    }

    .dusbsection .topcontact {
        width: 100%;
        padding: 0px 15px;
    }

    .dusbsection .topcontact input[type="text"],
    .dusbsection input[type="submit"],
    .dusbsection textarea {
        width: 100%;
        margin: 7px 0px;
    }

    .dusbsection .topcontact textarea {
        width: 100%;
        margin-left: 0px;
    }

    .dusbsection .topcontact input[type="submit"] {
        width: 100%;
        margin-left: 0px;
    }

    .dusbsection .topcontact h1 {
        margin: 40px 0 17px 0;
    }

    .dusbsection .process {
        width: 100%;
        margin-left: 0;
    }

    .dusbsection .process ul {
        padding: 0px;
    }

    .dusbsection .process ul li {
        margin: 0 17px 25px 17px
    }

    .dusbsection .process h1 {
        text-align: center;
    }

    .dusbsection .about3dusb {
        width: 100%;
    }

    .dusbsection .introtext {
        width: 80%;
    }

    .dusbsection .bottomright {
        width: 100%;
    }

    .dusbsection .bottomcontact p {
        width: 100%;
    }

    .dusbsection .gallery li {
        width: 168px;
        height: 144px;
    }

    .dusbsection .bottomcontact {
        width: 100%;
        padding: 0px 15px;
    }

    .dusbsection .gallery {
        text-align: center;
    }

    .dusbsection .gallery h1 {
        margin-left: 0;
        text-align: center;
    }

    .dusbsection .bottomcontact textarea {
        width: 92%;
    }

    .pricingtop h3 {
        font-size: 13px;
    }

    .pricingtop h5 {
        font-size: 13px;
    }

    .swimtopshow {
        font-size: 16px;
        line-height: 20px;
    }

    .swimmatter {
        padding: 10px 10px 15px;
    }

    .swimmatter ul li {
        line-height: 25px;
        font-size: 14px;
    }

    .swimcapdiv {
        margin-bottom: 30px;
    }


    /*220420*/

    .about-section-bg::after {
        width: 275px;
        height: 275px;
        left: 300px;
        bottom: -61px;
    }

    .product-details-bg::before {
        width: 275px;
        height: 275px;
        right: 300px;
        top: -65px;
    }

    .product-details-bg {
        border-radius: 10px;
        padding: 45px 20px;
    }

    .product-details-bg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .pricing h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .gallery h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .popular-products-bg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .testimonialbg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .orderform h2 {
        text-align: center;
        width: 100%;
    }

    .orderform-btn {
        width: 100%;
        float: left;
    }

    .pricing h3 {
        text-align: center;
    }

    .pricing h2 {
        text-align: center;
    }

    .pricing h5 {
        text-align: center;
    }

    .product-details-box h2 {
        text-align: center;
    }

    .product-details-box p {
        text-align: center;
    }

    .product-details-bg h3 {
        text-align: center;
    }

    .pricing-tablebox h2 {
        text-align: center;
    }

    .pricing-tablebox h3 {
        text-align: center;
    }

    .pricing-tablebox p {
        text-align: center;
    }

    .aboutcontent p {
        text-align: center;
    }

    .aboutimg {
        text-align: center;
    }

    .about-section-bg img {
        text-align: center;
        margin: 0px auto;
        display: table;
    }

    .membershipcardspost img {
        width: 100%;
    }

    .membershipcardspost {
        margin: 20px 0px;
    }


    .dusbsection .bottomcontact p {
        width: 100%;
    }

    .dusbsection .bottomcontact textarea {
        height: 75px;
        width: 100%;
        margin: 7px 0px;
    }

    .bottomcontact h2 {
        padding-left: 0px;
    }

    .topcontact h2 {
        padding-left: 0px;
    }

    .dusbsection .bottomcontact input[type="text"],
    .dusbsection input[type="submit"],
    .dusbsection textarea {
        width: 100%;
        margin: 7px 0 7px 0px;
    }

    .pricing-tablebox {
        margin: 15px 0px;
    }

    /*240420*/

    .navbar-brand {
        display: block !important;
        margin-bottom: 10px !important;
    }

    .navbar-brand>img {
        display: block;
        width: 33% !important;
    }

    .mobileviewform {
        display: block;
    }

    .mobilehide {
        display: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
    .header a {
        float: none;
        margin: 0px 5px;
    }

    .header {
        text-align: center;
    }

    .order-form-text-left {
        margin-top: 30px;
    }

    .order-form-text-left img {
        width: 100%;
    }

    .pricebox li {
        margin: 15px 0px;
        width: 100%;
    }

    .popular-products-bg h1 {
        font-size: 19px;
    }

    .pricing-table {
        overflow-x: scroll;
    }

    .popular-product-box {
        margin: 15px 0px;
    }

    .popular-products-bg {
        padding: 20px;
    }

    .header-left {
        width: 100%;
    }

    .navbar-nav>li {
        padding: 10px 0px;
        text-align: left;
    }

    .navbar-nav {
        margin: 0px;
    }

    .testimonial-box {
        padding: 25px;
    }

    .testimonialbg h1 {
        font-size: 34px;
    }

    .testimonial-img {
        width: 100%;
    }

    .testimonial-content {
        width: 100%;
        padding-top: 25px;
    }

    .header-right {
        width: 100%;
        text-align: center;
    }

    .dusbsection .bannerleftside {
        width: 100%;
    }

    .dusbsection .bannerleftside img {
        width: 100%;
    }

    .dusbsection .bannerrightside {
        width: 100%;
    }

    .dusbsection .wrapper {
        width: 100%;
    }

    .dusbsection .conceptleft {
        width: 100%;
    }

    .dusbsection .conceptright {
        width: 100%
    }

    .dusbsection .topcontact {
        width: 100%;
        padding: 0px 15px;
    }

    .dusbsection .topcontact input[type="text"],
    .dusbsection input[type="submit"],
    .dusbsection textarea {
        width: 100% !important;
        margin: 7px 0px !important;
    }

    .dusbsection .topcontact textarea {
        width: 100%;
        margin-left: 0px;
    }

    .dusbsection .topcontact input[type="submit"] {
        width: 100% !important;
        margin-left: 0px;
    }

    .dusbsection .topcontact h1 {
        margin: 40px 0 17px 0;
    }

    .dusbsection .process {
        width: 100%;
        margin-left: 0;
    }

    .dusbsection .process ul {
        padding: 0px;
    }

    .dusbsection .process ul li {
        margin: 0 0 25px 10px
    }

    .dusbsection .process h1 {
        text-align: center;
    }

    .dusbsection .about3dusb {
        width: 100%;
    }

    .dusbsection .introtext {
        width: 80%;
    }

    .dusbsection .bottomright {
        width: 100%;
    }

    .dusbsection .bottomcontact p {
        width: 100%;
    }

    .dusbsection .gallery li {
        width: 168px;
        height: 144px;
    }

    .dusbsection .bottomcontact {
        width: 100%;
        padding: 0px 15px;
    }

    .dusbsection .gallery {
        text-align: center;
    }

    .dusbsection .gallery h1 {
        margin-left: 0;
        text-align: center;
    }

    .dusbsection .usbgallery li {
        float: left;
        width: 43%;
        margin: 5px 15px;
    }

    .dusbsection .bottomcontact input[type="text"] {
        width: 100%;
        margin: 7px 0px;
    }

    .pricingtop h3 {
        font-size: 13px;
    }

    .pricingtop h5 {
        font-size: 13px;
    }

    .swimtopshow {
        font-size: 16px;
        line-height: 20px;
    }

    .swimmatter {
        padding: 10px 10px 15px;
    }

    .swimmatter ul li {
        line-height: 25px;
        font-size: 14px;
    }

    .swimcapdiv {
        margin-bottom: 30px;
    }

    /*220420*/

    .about-section-bg::after {
        width: 275px;
        height: 275px;
        left: 180px;
        bottom: -61px;
    }

    .product-details-bg::before {
        width: 275px;
        height: 275px;
        right: 175px;
        top: -65px;
    }

    .product-details-bg {
        border-radius: 10px;
        padding: 45px 20px;
    }

    .product-details-bg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .pricing h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .gallery h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .popular-products-bg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .testimonialbg h1 {
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .orderform h2 {
        text-align: center;
        width: 100%;
    }

    .orderform-btn {
        width: 100%;
        float: left;
    }

    .pricing h3 {
        text-align: center;
    }

    .pricing h2 {
        text-align: center;
    }

    .pricing h5 {
        text-align: center;
    }

    .product-details-box h2 {
        text-align: center;
    }

    .product-details-box p {
        text-align: center;
    }

    .product-details-bg h3 {
        text-align: center;
    }

    .pricing-tablebox h2 {
        text-align: center;
    }

    .pricing-tablebox h3 {
        text-align: center;
    }

    .pricing-tablebox p {
        text-align: center;
    }

    .aboutcontent p {
        text-align: center;
    }

    .about-section-bg img {
        text-align: center;
        margin: 0px auto;
        display: table;
    }

    .membershipcardspost img {
        width: 100%;
    }

    .membershipcardspost {
        margin: 20px 0px;
    }

    .topcontact h2 {
        padding-left: 0px;
    }

    .bottomcontact h2 {
        padding-left: 0px;
    }

    .dusbsection .bottomcontact textarea {
        height: 75px;
        width: 100%;
        margin: 7px 0px;
    }

    .dusbsection .bottomcontact input[type="submit"] {
        width: 100% !important;
    }

    /*240420*/

    .navbar-brand {
        display: block !important;
        margin-bottom: 10px !important;
    }

    .navbar-brand>img {
        display: block;
        width: 48% !important;
    }

    .mobileviewform {
        display: block;
    }

    .mobilehide {
        display: none;
    }


}

@media only screen and (max-width: 479px) {
    .header a {
        float: none;
        margin: 0px;
    }

    .header {
        text-align: center;
    }

    .order-form-text-left {
        margin-top: 30px;
    }

    .order-form-text-left img {
        width: 100%;
    }

    .pricebox li {
        margin: 15px 0px;
        width: 100%;
    }

    .pricing-table {
        overflow-x: scroll;
    }

    .popular-product-box {
        margin: 15px 0px;
    }

    .popular-products-bg {
        padding: 20px;
    }

    .header-left {
        width: 100%;
    }

    .navbar-nav>li {
        padding: 10px 0px;
        text-align: left;
    }

    .navbar-nav {
        margin: 0px;
    }

    .testimonial-box {
        padding: 25px;
    }

    .testimonial-img {
        width: 100%;
    }

    .testimonial-content {
        width: 100%;
        padding-top: 25px;
    }

    .dusbsection .bannerleftside {
        width: 100%;
    }

    .dusbsection .bannerleftside img {
        width: 100%;
    }

    .dusbsection .bannerrightside {
        width: 100%;
    }

    .dusbsection .wrapper {
        width: 100%;
    }

    .dusbsection .conceptleft {
        width: 100%;
    }

    .dusbsection .conceptright {
        width: 100%
    }

    .dusbsection .topcontact {
        width: 100%;
        padding: 10px 15px;
    }

    .dusbsection .topcontact input[type="text"],
    .dusbsection input[type="submit"],
    .dusbsection textarea {
        width: 100%;
        margin: 7px 0px;
    }

    .dusbsection .topcontact textarea {
        width: 100%;
        margin-left: 0px;
    }

    .dusbsection .topcontact input[type="submit"] {
        width: 100% !important;
        margin-left: 0px;
    }

    .dusbsection .topcontact h1 {
        margin: 40px 0 17px 0;
    }

    .dusbsection .process {
        width: 100%;
        margin-left: 0;
    }

    .dusbsection .process ul {
        display: inline;
    }

    .dusbsection .process ul li {
        margin: 0 0 25px 0px
    }

    .dusbsection .process h1 {
        text-align: center;
    }

    .dusbsection .about3dusb {
        width: 100%;
    }

    .dusbsection .introtext {
        width: 100%;
        margin: 0px;
        padding: 0px 15px;
        text-align: center;
    }

    .dusbsection .bottomright {
        width: 100%;
        padding: 20px 0px;
    }

    .dusbsection .bottomcontact input[type="text"],
    .dusbsection input[type="submit"],
    .dusbsection textarea {
        width: 100%;
        margin: 7px 0 7px 0px;
    }

    .dusbsection .bottomcontact textarea {
        width: 100%;
        margin: 0px;
    }

    .dusbsection .gallery li {
        width: 168px;
        height: 144px;
    }

    .dusbsection .bottomcontact {
        width: 100%;
        padding: 0px 15px;
    }

    .dusbsection .gallery {
        text-align: center;
    }

    .dusbsection .usbgallery .portfoliosection {
        display: initial;
    }

    .dusbsection .bottomcontact p {
        width: 100%;
    }

    .pricingtop h3 {
        font-size: 13px;
    }

    .pricingtop h5 {
        font-size: 13px;
    }

    .swimtopshow {
        font-size: 13px;
        line-height: 18px;
    }

    .swimmatter {
        padding: 10px 10px 15px;
    }

    .swimmatter ul li {
        line-height: 22px;
        font-size: 11px;
    }

    .swimcapdiv {
        margin-bottom: 30px;
    }

    /*220420*/

    .about-section-bg::after {
        width: 150px;
        height: 150px;
        left: 140px;
        bottom: -61px;
    }

    .product-details-bg::before {
        width: 150px;
        height: 150px;
        right: 145px;
        top: -65px;
    }

    .product-details-bg {
        border-radius: 10px;
        padding: 45px 20px;
    }

    .product-details-bg h1 {
        font-size: 30px;
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .pricing h1 {
        font-size: 30px;
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .gallery h1 {
        font-size: 30px;
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .popular-products-bg h1 {
        font-size: 30px;
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .testimonialbg h1 {
        font-size: 30px;
        background: url(../images/pricing-heading%20bg.png) no-repeat center bottom;
        text-align: center;
    }

    .orderform h2 {
        text-align: center;
        width: 100%;
    }

    .orderform-btn {
        width: 100%;
        float: left;
    }

    .pricing h3 {
        text-align: center;
    }

    .pricing h2 {
        text-align: center;
    }

    .pricing h5 {
        text-align: center;
    }

    .product-details-box h2 {
        text-align: center;
    }

    .product-details-box p {
        text-align: center;
    }

    .product-details-bg h3 {
        text-align: center;
    }

    .pricing-tablebox h2 {
        text-align: center;
    }

    .pricing-tablebox h3 {
        text-align: center;
    }

    .pricing-tablebox p {
        text-align: center;
    }

    .aboutcontent p {
        text-align: center;
    }

    .about-section-bg img {
        text-align: center;
        margin: 0px auto;
        display: table;
    }

    .membershipcardspost img {
        width: 100%;
    }

    .membershipcardspost {
        margin: 20px 0px;
    }

    .topcontact h2 {
        font-size: 22px;
        padding: 0px;
    }

    .portfoliosection {
        width: 100%;
        float: left;
    }

    .dusbsection .usbgallery li {
        width: 145px;
        height: 145px;
        margin: 10px 10px;
    }

    .dusbsection .bottomcontact input[type="submit"] {
        width: 100% !important;
    }

    .bottomcontact h2 {
        font-size: 22px;
        padding: 0px;
    }

    .dusbsection .bottomcontact textarea {
        height: 75px;
        width: 100%;
        margin: 7px 0px;
    }

    /*240420*/

    .navbar-brand {
        display: block !important;
        margin-bottom: 10px !important;
    }

    .navbar-brand>img {
        display: block;
        width: 58% !important;
    }

    .mobileviewform {
        display: block;
    }

    .mobilehide {
        display: none;
    }

}


@media only screen and (max-width: 320px) {
    .dusbsection .usbgallery li {
        width: 132px;
        height: 145px;
        margin: 0px 5px;
    }

}
.container { 
    padding: 0 12px;
}
.header {
    font-family: "Poppins", sans-serif;
    box-sizing: border-box;
    background-color: #fff;
}
.header *{
    box-sizing: border-box;
}
.navbar-header .navbar-brand {
    float: unset !important;
    width: 220px;
    display: inline-block;
    height: auto;
    padding: 5px 0;
}
.header .navbar-brand img {
    width: 100% !important;
}

.navbar-nav>li>a {
    color: #242424;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}

.navbar-nav>li>a:hover {
    color: #ed0a91;
    background-color: unset;
}

.navbar {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    padding: 8px 0;
    border: 0;
}
.navbar-nav{
    margin-top: -4px;
}
#navbar {
    margin-left: auto;
    padding: 0;
}

#navbar li {
    padding-left: 18px;
}
 
.navbar-nav>li.phone {
    border-left: solid 2px #ed0a91;
    margin-left: 19px;
    padding-left: 19px !important;
}
.navbar-nav>li>a .fa {
    color: #ed0a91;
    padding-right: 8px;
    font-size: 18px;
    display: inline-block;
}
.navbar li.dropdown .dropdown-menu li {
    padding-left: 0 !important;
}
.navbar li.dropdown .dropdown-toggle::after {
    display: inline-block;
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f0d7";
    font-size: 13px;
    margin-left: 7px;
}
@media (max-width: 1399px) {
    .navbar-header .navbar-brand { 
        width: 160px; 
    }
    .navbar-nav>li>a { 
        font-size: 12px; 
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar { 
        flex-direction: column;
    }
    #navbar li {
        padding-left: 11px;
    }
    #navbar {
        margin-left: 0;
    }
}
@media (max-width: 1141px) {
    .navbar-nav>li>a { 
        margin-left: 0;
    }
}

@media (max-width: 991px) { 
    #navbar.navbar-collapse.collapse {
        display: none !important; 
    }
    #navbar.navbar-collapse.collapse.in {
        display: block !important; 
    }
    .navbar-toggle {
         display: block; 
    }
    .navbar {
        display: block; 
    }
    .navbar-header {
        float: none;
    }
    .navbar-nav {
        margin: 0px;
    }
    .navbar-nav>li {
        padding: 10px 0px;
        text-align: left;
        display: block;
    }
    .navbar-nav>li.phone {
        border-left: 0;
        margin-left: 0;
    }
}
@media (min-width: 991px) {
    .navbar-header {
        float: none;
    }
    .navbar-collapse.collapse {
        display: block!important;
        height: auto!important;
        padding-bottom: 0;
        overflow: visible!important;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1320px;
    }
}
 
@media (max-width: 767px) {
    /*.navbar {*/
    /*    display: block; */
    /*}*/
}