/*
Theme Name: Design 'N' Buy 
Theme URI: https://www.designnbuy.com/
Author: Design 'N' Buy Team
Author URI: https://designnbuy.com/
Description: Designnbuy your site to life with immersive featured images and subtle animations. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: designnbuy
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* @import url(https://fonts.googleapis.com/css?family=Muli:300,800); */

/* vietnamese */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFmQkEk40eiNxw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFmQkEk50eiNxw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFmQkEk30eg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* latin */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFkpl0k30eg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* vietnamese */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 800;
    src: url(fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFlOl0k40eiNxw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}


/* latin-ext */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 800;
    src: url(fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFlOl0k50eiNxw.woff2) format('woff2');
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}


/* latin */

@font-face {
    font-family: 'Muli';
    font-style: normal;
    font-weight: 800;
    src: url(fonts/7Aulp_0qiz-aVz7u3PJLcUMYOFlOl0k30eg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: Muli, sans-serif
}

img {
    max-width: 100%;
    outline: 0;
    border: 0 none;
}

.mega-menu-description {
    display: none !important;
}

a {
    text-decoration: none;
}

h3.sow-headline {
    text-transform: capitalize;
}

input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.b-active {
    overflow: hidden;
}

.owl-carousel .owl-wrapper-outer {
    max-height: 110px !important;
}

#curnt {
    padding: 0 0 0 20px;
    background-repeat: no-repeat
}

.mega-sub-menu,
.mega-sub-menu li,
.mega-sub-menu li a {
    background: #fff !important;
    font-size: 16px !important;
    height: initial !important;
}

.mega-sub-menu li a {
    position: relative !important;
    padding-left: 17px;
    display: block;
    margin: 7px 8px !important;
    line-height: 24px !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    padding: 20px 0px !important;
}

.mega-sub-menu .panel-layout a {
    margin: 0px !important;
    margin-bottom: 10px !important;
}

.mega-sub-menu li a:hover {
    color: #007cb1 !important;
}

.mega-sub-menu li a:before {
    content: "\f054" !important;
    font-family: FontAwesome !important;
    position: absolute;
    left: 0px;
    font-size: 14px;
    top: 5px;
}

.mega-sub-menu li h3 a {
    font-size: 20px !important;
    padding-top: 15px;
}

.mega-sub-menu li h3 a:before {
    content: ' ' !important;
}

.sticky .navigation {
    top: 0px;
}

#pgc-w5cdcfbb7308fa-0-0,
#pgc-w5cdcfbb7308fa-0-1 {
    border-right: 1px solid #ccc;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    width: 450px !important;
}

.mega-sub-menu {
    box-shadow: 0px 0px 15px rgba(0, 0, 0, .5) !important;
}

.webinars-single p {
    background-color: #fff;
}

.footer-demo-btn {
    position: fixed;
    bottom: 0;
    left: 0;
    padding: 15px 25px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background-color: #ff8300;
    width: 100%;
    display: none;
    font-weight: bold;
    z-index: 99;
}

.header-top [class*=col-] {
    padding: 0
}

.mobile-phone {
    display: none
}

.sow-headline-container {
    max-width: 1280px;
    margin: 0 auto
}

.news-tab-img {
    display: block;
    min-height: 190px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px
}

.news-tab h3 {
    font-size: 17px;
    height: 42px;
    overflow: hidden;
    line-height: 21px!important
}

.show-mobile-row {
    display: none !important;
}

.news-tab h3 a:hover {
    text-decoration: underline
}

.home-tab-head h3 {
    font-size: 32px;
    color: #1b314b
}

.border-radius {
    border-radius: 15px;
    overflow: hidden
}

.list-bottom li {
    margin-bottom: 0!important;
    font-size: 17px!important
}

.relatied-product {
    min-height: 250px;
    background-size: 104%;
    background-position: top center
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
    display: none!important
}

span.wpcf7-not-valid-tip {
    color: red;
    font-size: 12px;
    font-weight: 400;
    display: inline-block
}

#pgc-w5cd28a17c71da-0-0 .video-cover-container {
    box-shadow: unset;
}

#pgc-w5cd28a17c71da-0-0 .video-cover {
    background-size: 49%;
    background-repeat: no-repeat;
    background-position: center center;
}

#pgc-2712-1-0 .in-col-2 {
    overflow: auto;
    max-height: 590px;
}

.section-padding-bcn {
    padding: 15px 0 30px 0;
}

.store-single-title h1 {
    color: #1b314b;
    font-size: 54px;
    font-weight: 800;
    margin-bottom: 40px!important
}

a {
    color: rgba(9, 99, 122, 1)
}

a,
a:link,
a:visited {
    outline: 0;
    text-decoration: none
}

p a,
p a:link,
p a:visited {
    outline: 0;
    text-decoration: underline
}

.heading-top-margin h3 {
    margin-top: 30px!important
}

.text-white,
.text-white a,
.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white li,
.text-white p {
    color: #fff!important
}

.text-blue,
.text-blue a,
.text-blue h1,
.text-blue h2,
.text-blue h3,
.text-blue h4,
.text-blue h5,
.text-blue h6,
.text-blue li,
.text-blue p {
    color: #1b314b!important
}

.text-shadow,
.text-shadow a,
.text-shadow h1,
.text-shadow h2,
.text-shadow h3,
.text-shadow h4,
.text-shadow h5,
.text-shadow h6,
.text-shadow li,
.text-shadow p {
    text-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.last-section-padding-bottom {
    padding-bottom: 107px
}

.last-section-padding {
    padding: 70px 0 107px 0
}

.icon-width img {
    width: 150px
}

.icon-padding .icon-left-img img {
    width: 77px
}

img.hightArrow {
    width: 31px!important;
    margin: -50px 0 30px 0!important;
    box-shadow: none!important
}

.sow-sub-headline {
    margin-top: 0!important;
    margin-bottom: 15px!important
}

.text-shadow .sow-headline span {
    font-weight: 400
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-uppercase {
    text-transform: uppercase
}

::-webkit-input-placeholder {
    font-size: 16px;
    font-family: Muli, sans-serif
}

::-moz-placeholder {
    font-size: 16px;
    font-family: Muli, sans-serif
}

:-ms-input-placeholder {
    font-size: 16px;
    font-family: Muli, sans-serif
}

.list-box ul li {
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/02/check.svg);
    background-repeat: no-repeat;
    background-position: 0 12px;
    background-size: 22px
}

:-moz-placeholder {
    font-size: 16px;
    font-family: Muli, sans-serif
}

.padding-fix {
    padding-top: 130px
}

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

.video-content h3.widget-title {
    font-size: 30px;
    font-weight: 700
}

hr {
    margin-bottom: 15px;
    outline: 0;
    border: 0;
    border-top: 1px solid #d9d9d9;
    box-sizing: inherit
}

h3.sow-sub-headline a:hover {
    text-decoration: underline
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 14px!important;
    line-height: inherit!important
}

.big-heading h3 {
    font-size: 40px!important;
    color: #1b314b;
    font-weight: 800
}

body {
    font-family: Muli, sans-serif
}

.section-padding {
    padding: 70px 0
}

.section-padding-bottom {
    padding-bottom: 70px
}

.section-padding-top {
    padding-top: 70px
}

.display-inline-block {
    display: inline-block;
    vertical-align: top
}

img.circle {
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 1100px;
    margin: -2px
}

.img-zoom img {
    transition: transform .3s ease-in;
    -webkit-transition: transform .3s ease-in;
    -moz-transition: transform .3s ease-in;
    transform: scale(.9);
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9)
}

.white-right-border {
    border-right: 1px solid #fff;
    padding-right: 40px
}

.img-zoom img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

p {
    color: #6d7788;
    font-size: 18px;
    line-height: 26px
}

.textwidget ul {
    margin-left: 20px
}

.textwidget li {
    color: #6d7788;
    font-size: 18px;
    line-height: 26px
}

.in-row::after {
    content: "";
    clear: both;
    display: block
}

[class*=in-col-] {
    float: left;
    padding: 15px
}

.container {
    max-width: 1280px;
    margin: 0 auto
}

.in-col-1 {
    width: 8.33%
}

.in-col-2 {
    width: 16.66%
}

.in-col-3 {
    width: 25%
}

.in-col-4 {
    width: 33.33%
}

.in-col-5 {
    width: 41.66%
}

.in-col-6 {
    width: 50%
}

.in-col-7 {
    width: 58.33%
}

.in-col-8 {
    width: 66.66%
}

.in-col-9 {
    width: 75%
}

.in-col-10 {
    width: 83.33%
}

.in-col-11 {
    width: 91.66%
}

.in-col-12 {
    width: 100%
}

.princing-box {
    display: block;
    text-align: center
}

.princing-box div {
    display: inline-block;
    vertical-align: top;
    width: 328px;
    height: 232px;
    margin: 0 30px;
    text-align: left;
    background-repeat: no-repeat;
    padding: 15px;
    padding-bottom: 0;
    border-radius: 12px;
    overflow: hidden
}

.princing-box div h5 {
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 400;
    margin-bottom: 30px!important
}

.princing-box div h6 {
    color: #8fa7d8;
    margin-bottom: -15px!important;
    font-size: 16px;
    font-weight: 400
}

.princing-box div h3 {
    color: #fff;
    font-size: 69px;
    font-weight: 400
}

.princing-box div h3 span {
    display: inline-block;
    vertical-align: middle;
    position: relative
}

.princing-box div h3 span:first-child {
    vertical-align: top;
    color: #fff;
    top: 17px;
    font-size: 35px;
    font-weight: 400
}

.princing-box div h3 span:last-child {
    vertical-align: bottom;
    color: #cdd5e5;
    font-size: 42px;
    font-weight: 400
}

.princing-box div a {
    color: #3a5998;
    font-size: 20px;
    font-weight: 400;
    background-color: #fff;
    text-align: center;
    display: block;
    margin: 0 -15px;
    padding: 14px 0
}

.princing-box div a:hover {
    color: #007cb1
}

.princing-box div.princing-box-left {
    background-position: center;
    background-size: 100% 100%;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/04/box1.jpg);
}

.princing-box div.princing-box-right {
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/04/box.jpg);
    background-position: center;
    background-size: 100% 100%;
}

.common-banner {
    display: block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover
}

.common-banner-content {
    margin: 0;
    position: absolute;
    top: 50%;
    width: 100%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 1200px
}

.common-banner-content h1,
.common-banner-content p {
    color: #fff;
    margin-bottom: 15px
}

.header-top {
    display: block;
    position: relative;
    z-index: 2000;
    background-color: #fff
}

.header-top .in-col-8 {
    text-align: right
}

.header-top img {
    max-width: 250px;
    position: relative;
    top: 1px
}

.phone-number,
.theme-la {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.theme-la {
    margin-left: 15px;
    font-size: 12px;
    top: 13px;
    width: 69px
}

.theme-la ul {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 75px;
    text-align: left;
    z-index: 10;
    padding: 3px 10px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    border-radius: 0 0 5px 5px;
    right: 0;
    top: 20px
}

.theme-la ul li {
    display: block;
    list-style: none;
    position: repeat;
    position: relative;
    margin: 2px 9px;
    height: 23px
}

.theme-la ul li a {
    position: absolute;
    z-index: 2;
    font-size: 0;
    width: 100%;
    height: 100%
}

.theme-la ul li:after {
    background-size: 22px;
    width: 30px;
    height: 20px;
    position: absolute;
    left: -4px;
    background-repeat: no-repeat;
    padding-top: 3px
}

.theme-la ul li:first-child:after {
    content: 'English';
}

.theme-la ul li:nth-child(2):after {
    content: 'German';
}

.theme-la ul li:nth-child(3):after {
    content: 'Français';
}

.theme-la ul li:nth-child(4):after {
    content: 'Español';
}

#lan-sele {
    cursor: pointer;
    font-weight: 700;
    border: 1px solid #000;
    padding: 8px;
    border-radius: 5px
}

.phone-number {
    top: 21px
}

.phone-number p {
    font-size: 20px;
    color: #000;
    font-weight: 400;
    display: inline-block
}

.menu-toggle-icon {
    display: none;
    vertical-align: middle;
    position: relative;
    top: 5px;
    margin: 0 0 0 10px;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 6px 0;
    width: 35px;
    border-radius: 5px;
    text-align: center
}

.sticky {
    position: fixed!important;
    top: 0;
    width: 100%!important;
    z-index: 500!important;
    background-color: #fff!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5)!important;
    margin-top: 0!important;
    padding: 9px 0px
}

.sticky+.in-content {
    padding-top: 102px;
    display: block
}

.fixed {
    position: fixed!important;
    top: -2px;
    width: 1280px!important;
    z-index: 400!important;
    background-color: #fff!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .5)!important;
    margin-top: 0!important;
    padding-top: 9px;
    left: 50%;
    border-radius: 6px;
    transform: translateX(-50%)
}

.mobile-menu {
    position: fixed;
    z-index: 100;
    background-color: #fff;
    width: 500px;
    right: -520px;
    padding: 20px;
    height: 100%;
    transition: right .5s ease-in;
    overflow: auto;
    padding-top: 90px;
    top: 0
}

.mobile-menu.active {
    right: 0!important;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    background-color: #fff
}

.mobile-menu ul {
    margin: 0;
    padding: 0
}

.mobile-menu ul li {
    list-style: none;
    position: relative
}

.submenu-icon {
    position: absolute;
    top: 3px;
    right: 30px;
    z-index: 2;
    cursor: pointer
}

.submenu-icon::after {
    content: "+";
    position: absolute;
    font-size: 27px;
    font-weight: 700
}

.mobile-menu ul li a {
    color: #000;
    font-size: 16px;
    text-decoration: none;
    padding: 12px 42px 12px 12px;
    border-bottom: 1px solid #ebebeb;
    display: block
}

.mobile-menu ul li li {
    text-align: left
}

.mobile-menu ul li ul {
    background-color: #f7f7f7;
    overflow: hidden;
    border-left: 5px solid #ebebeb;
    transition: height .3s ease
}

.mobile-menu ul li ul li ul {
    border-left: 20px solid #ebebeb
}

.mobile-menu ul li.active ul {
    height: auto;
    opacity: 1
}

.mobile-menu ul li.active .submenu-icon::after {
    content: '-'
}

.mobile-menu ul li.active {
    background-color: #ddd
}

.mobile-menu ul li li a {
    color: #616161;
    font-size: 14px;
    text-decoration: none;
    padding: 11px 35px;
    margin-bottom: 0;
    text-align: left;
    display: block;
    font-weight: 700;
    margin-right: 0
}

.phone-number p span {
    color: #023b98
}

.menu-area {
    display: block;
    position: relative;
    z-index: 1900;
    margin-bottom: 5px !important;
    margin-top: 0 !important;
}

.navigation {
    float: left;
    max-width: 100%;
    position: relative;
    top: 0 !important;
}

.navigation ul li {
    display: inline-block;
    list-style: none;
    padding-right: 58px;
    position: relative;
    height: 50px
}

.navigation ul li a {
    text-decoration: none;
    color: #333;
    font-size: 20px;
    font-weight: 500;
    position: relative
}

.drop-arrow:after {
    position: absolute;
    width: 20px;
    height: 20px;
    border-width: 20px;
    top: 26px;
    right: -5px;
    z-index: 10000;
    box-shadow: -4px -4px 7px rgba(0, 0, 0, .2);
    transform: rotate(45deg);
    background-color: #fff
}

.navigation ul li:hover .drop-arrow:after {
    content: ' '!important
}

.menu-buttons {
    display: block;
    text-align: right
}

.drop-arrow {
    position: absolute;
    right: 36px;
    top: 5px
}

.drop-down-menu {
    display: none;
    position: absolute;
    width: 1280px;
    background-color: #fff;
    left: 0;
    z-index: -100;
    opacity: 0;
    margin-top: 100px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transition: opacity .5s ease, margin-top .5s ease;
    -webkit-transition: opacity .5s ease, margin-top .5s ease
}

.drop-down-menu-2 {
    display: none;
    position: absolute;
    background-color: #fff;
    z-index: -100;
    width: 360px;
    opacity: 0;
    margin-top: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    transition: opacity .5s ease, margin-top .5s ease;
    -webkit-transition: opacity .5s ease, margin-top .5s ease
}

.navigation ul li:hover .drop-down-menu,
.navigation ul li:hover .drop-down-menu-2 {
    display: block!important;
    top: 35px;
    opacity: 1;
    z-index: 10;
    margin-top: 0
}

.drop-down-menu [class*=in-col-] {
    padding: 25px;
}

.drop-down-menu [class*=in-col-] [class*=in-col-] {
    padding: 0
}

.drop-down-menu-2 [class*=in-col-] {
    padding: 25px
}

.drop-down-menu-2 [class*=in-col-] [class*=in-col-] {
    padding: 0
}

.drop-down-menu h4,
.drop-down-menu h4 a {
    font-size: 23px!important;
    color: #007cb1!important;
    font-weight: 700!important;
    text-decoration: none!important;
    margin-bottom: 30px
}

.drop-down-menu h5 a {
    font-size: 16px!important;
    color: #000!important;
    font-weight: 400!important;
    text-decoration: none!important;
    line-height: initial!important
}

.drop-down-menu a {
    padding-left: 15px;
    position: relative
}

.drop-down-menu a i {
    position: absolute;
    left: 0;
    top: 3px
}

.mobile-menu .drop-down-menu a i {
    position: absolute;
    left: 0;
    top: 15px
}

.drop-down-menu-2 a {
    font-size: 16px!important;
    color: #000!important;
    font-weight: 400!important;
    text-decoration: none!important;
    line-height: initial!important;
    margin-bottom: 20px;
    display: block;
    padding-left: 15px;
    position: relative
}

.drop-down-menu-2 a i {
    position: absolute;
    left: 0;
    top: 3px
}

.mobile-menu .drop-down-menu-2 a i {
    position: absolute;
    left: 0;
    top: 15px
}

.drop-down-menu h5 {
    font-size: 18px!important;
    color: #007cb1!important;
    font-weight: 700!important;
    text-decoration: none!important;
    margin-bottom: 20px
}

.drop-down-menu-2 a:hover {
    color: #007cb1!important;
    text-decoration: underline!important
}

.h4-border h4 {
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.border-right {
    border-right: 1px solid #d9d9d9;
    min-height: 495px
}

.drop-down-menu a:hover {
    color: #007cb1!important;
    text-decoration: underline!important
}

a.btn-orange,
button.btn-orange,
input.btn-orange {
    padding: 10px 25px;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    outline: 0!important;
    color: #fff;
    background-color: #007cb1;
    border: 0!important;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    margin-left: 10px;
    transition: transform .3s ease;
    -webkit-transition: transform .3s ease
}

a.btn-orange:hover,
button.btn-orange:hover,
input.btn-orange:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

a.btn-blue,
button.btn-blue,
input.btn-blue {
    padding: 10px 25px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: 0!important;
    color: #fff;
    background-color: #007cb1;
    border: 0!important;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    margin-left: 8px;
    font-weight: 700;
    transition: transform .2s ease;
    -webkit-transition: transform .2s ease
}

a.btn-blue:hover,
button.btn-blue:hover,
input.btn-blue:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

a.btn-orange,
button.btn-orange,
input.btn-orange {
    padding: 10px 25px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: 0!important;
    color: #fff;
    background-color: #ff8300;
    border: 0!important;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    margin-left: 8px;
    transition: transform .2s ease;
    -webkit-transition: transform .2s ease
}

a.btn-orange:hover,
button.btn-orange:hover,
input.btn-orange:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1)
}

a.o-btn-blue,
button.o-btn-blue,
input.o-btn-blue {
    padding: 10px 25px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: 0!important;
    color: #007cb1;
    border: 1px solid #007cb1;
    background-color: transparent;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    margin-left: 8px;
    font-weight: 700;
    transition: transform .2s ease;
    -webkit-transition: transform .2s ease
}

a.o-btn-blue:hover,
button.o-btn-blue:hover,
input.o-btn-blue:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    background-color: #007cb1;
    color: #fff
}

a.o-btn-orange,
button.o-btn-orange,
input.o-btn-orange {
    padding: 10px 25px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: 0!important;
    color: #ff8300;
    border: 1px solid #ff8300;
    font-weight: 700;
    background-color: transparent;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    margin-left: 8px;
    transition: transform .2s ease;
    -webkit-transition: transform .2s ease
}

a.o-btn-orange:hover,
button.o-btn-orange:hover,
input.o-btn-orange:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    background-color: #ff8300;
    color: #fff
}

.common-footer {
    display: block;
    position: relative;
    background-color: #1b314b;
    padding: 100px 0 50px;
}

.common-footer .theme-sidebar-2 {
    display: inline-block;
    vertical-align: middle
}

.common-footer .footer-col:first-child .theme-sidebar-2:nth-child(2) {
    display: block
}

.common-footer .sow-icon {
    padding-right: 20px
}

.newsletter {
    display: block;
    position: relative;
    background-color: #016f9e;
    margin: 0 auto;
    padding: 30px;
    top: -70px;
    margin-bottom: -70px;
    z-index: 95
}

.newsletter label {
    font-size: 22px;
    color: #fff;
    font-weight: 400;
    display: block;
    margin-bottom: 10px
}

.newsletter input {
    background-color: transparent;
    border: 0;
    outline: 0;
    color: #fff;
    font-weight: 700;
    font-size: 42px;
    width: 100%;
    padding-right: 80px
}

input.newsletter-submit {
    position: absolute;
    width: 58px;
    height: 58px;
    font-size: 0;
    background-color: #ff8300;
    cursor: pointer;
    right: 30px;
    bottom: 25px;
    border-radius: 100px;
    z-index: 1;
    padding: 0;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/02/Send.svg);
    background-size: 22px;
    background-repeat: no-repeat;
    background-position: 22px 19px;
    overflow: hidden;
    transition: transform .3s ease
}

input.newsletter-submit:hover {
    transform: scale(1.2);
    box-shadow: 1px 1px 10px rgba(0, 0, 0, .5)
}

.footer-number {
    max-width: 1200px;
    margin: 0 auto
}

.phone-sidebar {
    display: inline-block;
    max-width: 22%;
    min-width: 22%;
    vertical-align: top;
    box-sizing: border-box;
    text-align: center;
    padding: 45px 15px
}

.phone-sidebar h3 {
    font-size: 97px;
    font-weight: bolder;
    text-transform: uppercase;
    color: #fff
}

.phone-sidebar p,
.phone-sidebar p a {
    font-size: 18px;
    font-weight: bolder;
    color: #5d7897;
    text-decoration: none
}

.phone-sidebar p a:hover {
    text-decoration: underline;
    color: #ff8300
}

.footer-col {
    display: inline-block;
    max-width: 24%;
    min-width: 24%;
    vertical-align: top;
    box-sizing: border-box;
    padding: 15px
}

.footer-col h3 {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 20px
}

.footer-col li,
.footer-col lul {
    margin: 0;
    padding: 0;
    list-style: none
}

.footer-col li,
.footer-col li a,
.footer-col p {
    font-size: 14px;
    font-weight: 400;
    color: #b3c0cf;
    text-decoration: none
}

.footer-col p {
    line-height: 27px
}

.footer-col li a {
    padding: 5px 0;
    display: block
}

.footer-col li a:hover {
    color: #ff8300
}

.footer-bottom {
    text-align: center;
    padding: 20px 15px
}

.footer-bottom a,
.footer-bottom p {
    font-size: 12px;
    font-weight: 400;
    color: #424242;
    text-decoration: none
}

.footer-bottom p {
    margin-bottom: 10px
}

.footer-bottom a:hover {
    color: #016f9e;
    text-decoration: underline
}

[class*=ssi-] {
    display: inline-block;
    max-width: 40px;
    min-width: 40px
}

[class*=ssi-] svg {
    width: 30px;
    height: 30px;
    fill: #5b7899
}

[class*=ssi-] svg:hover {
    fill: #ff8300
}

.slider-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px 0
}

.slider-button {
    position: relative;
    z-index: 10
}

.slider-button br {
    display: none
}

.homePageSlider {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 90px 0
}

.homePageSlider:after {
    content: '';
    clear: both;
    display: block
}

.home-page-slider {
    display: block;
    float: left;
    position: relative;
    left: 0;
    transition: left .5s ease-in-out;
    padding-top: 20px
}

.home-page-slide {
    float: left;
    list-style: none
}

.slider-button .btn-blue {
    margin-left: 0
}

.slider-content,
.slider-image {
    display: inline-block;
    vertical-align: middle
}

.slider-image {
    transform: scale(1.3)
}

.slider-content {
    width: 40%
}

#pg-w5cb998d52d687-2>.panel-row-style,
#pg-w5cb998d52d687-3>.panel-row-style,
#pg-w5cb998d52d687-4>.panel-row-style {
    padding: 40px 0 0 0!important
}

.slider-image {
    width: 60%
}

.slider-content h2,
.slider-content h3,
.slider-content h3 div,
.slider-content h3 span {
    font-size: 36px!important;
    font-weight: 800!important;
    color: #1b314b!important;
    font-family: Muli, sans-serif!important
}

.slider-content h3 br {
    display: none
}

.slider-content p {
    display: block;
    font-size: 22px;
    font-weight: 300;
    color: #6d7788;
    margin-bottom: 25px!important
}

.dott-container {
    position: relative;
    bottom: 0
}

.next,
.prev {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 8px!important;
    margin-top: -22px;
    color: #fff;
    font-weight: 700;
    font-size: 18px;
    transition: .6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    background-color: rgba(255, 131, 0, .3);
    z-index: 15;
    padding: 10px !important;
}

.next {
    right: 0;
    border-radius: 3px 0 0 3px
}

.pre {
    left: 0;
    border-radius: 3px 0 0 3px
}

.next:hover,
.prev:hover {
    background-color: rgba(255, 131, 0, .8)
}

.dot {
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: 0 3px;
    background-color: #c3dcec;
    border-radius: 50%;
    display: inline-block;
    transition: background-color .6s ease
}

.dot.active,
.dot:hover {
    background-color: #2584c1
}

.slider-dott {
    margin-bottom: 25px
}

.video-popup {
    position: fixed;
    z-index: 1500;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none
}

.video-popup-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, .7)
}

.video-pup {
    position: absolute;
    z-index: 1;
    width: 60%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    height: 68%;
    box-shadow: 0 0 7px #fff;
    padding: 15px;
    border-radius: 5px;
    background-color: #fff
}

.video-cover-container {
    display: block;
    padding: 10px;
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 1;
    max-width: 1000px;
    margin: 0 auto
}

.sub-video-db .video-cover-container {
    max-width: 1280px;
}

.video-cover {
    display: block;
    min-height: 400px;
    background-size: cover;
    background-color: #fff
}

.pop-v-btn-1 {
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 100px;
    width: 80px;
    height: 80px;
    animation: spin2 2s linear infinite;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0);
    -webkit-transform: translate(-50%, -50%) rotate(0);
    -moz-transform: translate(-50%, -50%) rotate(0);
    cursor: pointer;
}

.pop-v-btn-2 {
    border: 2px solid #fff;
    border-top: 2px solid transparent;
    border-radius: 100px;
    width: 40px;
    height: 40px;
    animation: spin2 2s linear infinite;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0);
    -webkit-transform: translate(-50%, -50%) rotate(0);
    -moz-transform: translate(-50%, -50%) rotate(0);
    cursor: pointer
}

.pop-v-btn-3 {
    background-color: rgba(224, 150, 6, .8);
    border-radius: 100px;
    width: 60px;
    height: 60px;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(0);
    -webkit-transform: translate(-50%, -50%) rotate(0);
    -moz-transform: translate(-50%, -50%) rotate(0);
    color: #fff;
    font-size: 45px;
    overflow: hidden;
    text-align: center;
    padding: 0 0;
    cursor: pointer
}

.pop-v-btn-3 i {
    font-size: 30px;
    margin: 16px 0 0 4px;
    display: block;
    cursor: pointer
}

@keyframes spin {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg)
    }
}

@keyframes spin2 {
    0% {
        transform: translate(-50%, -50%) rotate(0)
    }
    100% {
        transform: translate(-50%, -50%) rotate(-360deg)
    }
}

.icon-heading h3,
.icon-left-img {
    display: inline-block;
    vertical-align: middle
}

.icon-left-img {
    background-color: #fff;
    padding: 15px;
    width: 100px;
    border-radius: 100px;
    height: 100px;
    overflow: hidden;
    position: relative
}

.icon-left-img img {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 57px
}

.icon-heading h3 {
    max-width: 270px;
    padding-left: 20px;
    margin-bottom: 0!important;
    color: #fff;
    font-weight: 400
}

.ow-button-base a {
    transition: transform .3s ease!important;
    padding: 11px 30px!important;
    font-weight: 700
}

.ow-button-base a:hover {
    transform: scale(1.1)
}

.video-content h3 {
    color: #1b314b;
    font-weight: 400;
    font-size: 30px
}

.icon-container {
    display: inline-block;
    background-color: #fff;
    min-width: 100%;
    max-width: 100%;
    border-radius: 8px;
    box-shadow: 0 0 25px rgba(0, 0, 0, .3);
    margin-bottom: 20px;
    overflow: hidden
}

.icon-container h3 {
    color: #1b314b;
    font-weight: 700;
    font-size: 22px;
    line-height: normal
}

.icon-container p {
    color: #6d7788;
    font-weight: 400;
    font-size: 14px;
    line-height: normal
}

.icon-area {
    display: block;
    padding-top: 17px
}

.icon-area img {
    display: inline-block
}

.icon-area.in-col-12 {
    padding-top: 35px
}

.icon-container .content-area a:hover h3 {
    color: #ff8304 !important;
}

.in-client-grid {
    display: inline-block;
    padding: 20px;
    width: 170px;
    vertical-align: middle
}

.client-big img,
.client-small img {
    position: absolute;
    max-width: 61%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home .client-big img,
.home .client-small img {
    max-width: 91%;
}

.icon-box {
    margin: 50px 0
}

.client-small {
    position: relative;
    width: 118px;
    height: 68.13px;
    background-color: #64c7cc;
    margin: 34.06px 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    border-radius: 8px
}

.client-small:after,
.client-small:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 83.44px;
    height: 83.44px;
    -webkit-transform: scaleY(.5774) rotate(-45deg);
    -ms-transform: scaleY(.5774) rotate(-45deg);
    transform: scaleY(.5774) rotate(-45deg);
    background-color: inherit;
    left: 17.2807px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    border-radius: 8px
}

.client-small:before {
    top: -39.7193px
}

.client-small:after {
    bottom: -38.7193px
}

.client-small span {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 118px;
    height: 68.1273px;
    z-index: 2;
    background: inherit;
    border-radius: 8px
}

.client-big {
    position: relative;
    width: 149px;
    height: 87.03px;
    background-color: #64c7cc;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    border-radius: 7px
}

.client-big:after,
.client-big:before {
    content: "";
    position: absolute;
    z-index: 1;
    width: 105.36px;
    height: 105.36px;
    -webkit-transform: scaleY(.5774) rotate(-46deg);
    -ms-transform: scaleY(.5774) rotate(-46deg);
    transform: scaleY(.5774) rotate(-45.5deg);
    background-color: inherit;
    left: 21.8205px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .25);
    border-radius: 8px
}

.client-big:before {
    top: -49.6795px
}

.client-big:after {
    bottom: -51.6795px
}

.client-big span {
    display: block;
    position: absolute;
    top: 5px;
    left: 2px;
    width: 146px;
    height: 79.0252px;
    z-index: 2;
    background: inherit
}

.client-big {
    top: 103px;
    left: -15px
}

.client-big,
.client-small {
    transition: transform .3s ease
}

.client-big:hover,
.client-small:hover {
    transform: scale(1.1)
}

.svg-bg {
    background-size: 100%!important;
    background-repeat: no-repeat!important;
    background-position: bottom center!important
}

.white-list {
    display: block;
    position: relative
}

.white-list li,
.white-list ul {
    display: block;
    margin: 0;
    padding: 0
}

.white-list li {
    font-size: 20px;
    font-weight: 400;
    padding: 4px 45px;
    margin-bottom: 17px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/02/check.svg);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 32px
}

.white-list-2 {
    display: block;
    position: relative
}

.white-list-2 li,
.white-list-2 ul {
    display: block;
    margin: 0;
    padding: 0
}

.white-list-2 ul {
    padding: 20px
}

.white-list-2 li {
    font-size: 20px;
    font-weight: 400;
    padding: 4px 0 4px 32px;
    margin-bottom: 13px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/04/check-mark-2.svg);
    background-position: 0 9px;
    background-repeat: no-repeat;
    background-size: 19px;
    color: #fff
}

.yellow-list {
    display: block;
    position: relative;
    margin: 0 auto
}

.yellow-list li,
.yellow-list ul {
    display: block;
    margin: 0;
    padding: 0
}

.yellow-list li {
    font-size: 17px;
    font-weight: 400;
    padding: 6px 45px;
    margin-bottom: 17px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/03/check-mark-1.svg);
    background-position: 7px 4px;
    background-repeat: no-repeat;
    background-size: 26px
}

.content-list ul {
    margin-left: 0px !important;
    margin-bottom: 0px !important;
}

.content-list ul li {
    font-weight: 400;
    padding: 0px 27px;
    margin-bottom: 17px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/03/check-mark-1.svg);
    background-position: 0px 6px;
    background-repeat: no-repeat;
    background-size: 18px;
}

.tab-blog {
    display: block;
    position: relative;
    height: 268px;
    max-width: 520px;
    margin: 0 auto
}

.tab-blog-img {
    width: 350px;
    height: 268px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px;
    overflow: hidden;
    background-size: cover;
    background-position: center
}

.tab-blog-img img {
    opacity: 0
}

.tab-blog a.btn-blue {
    margin-left: 0
}

.news-tab h4,
.tab-blog h4 {
    font-size: 15px;
    color: #3c3c3c
}

.tab-blog h3 {
    font-size: 15px;
}

.tab-blog-content {
    width: 270px;
    height: 208px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background-color: #fff;
    padding: 20px;
    border-radius: 8px
}

.tab-blog-content a:hover {
    text-decoration: underline
}

.tab-event {
    display: block;
    position: relative
}

.tab-event-content,
.tab-event-img {
    display: block
}

.tab-event-img {
    background-color: #fff;
    padding: 5px;
    max-height: 207px;
    overflow: hidden
}

.tab-event-img img {
    width: 100%
}

.tab-event-content {
    padding: 15px
}

.tab-event-content p {
    display: inline-block;
    padding: 0 15px;
    border-radius: 50px;
    color: #fff;
    background-color: #007cb1;
    font-size: 11px
}

.tab-event-content h3,
.tab-event-content h3 a {
    font-weight: 600;
    color: #000;
    font-size: 20px
}

.in-tab-full {
    display: block
}

.tab-event-content h3 a:hover {
    text-decoration: underline
}

.tabmenu-list-1 {
    display: block;
    position: relative
}

.tabmenu-list-1 ul {
    list-style: none;
    position: relative;
    display: block;
    border-bottom: 1px solid #d4dee5
}

.tabmenu-list-1 ul:after {
    content: '';
    display: block;
    clear: both
}

.tabmenu-list-1 ul li {
    float: left;
    position: relative;
    width: 16.66%
}

.tabmenu-list-1 ul li a {
    color: #1b314b;
    font-size: 20px;
    font-weight: 400;
    display: block;
    border-bottom: 3px solid transparent;
    margin-top: -1px;
    z-index: 1;
    position: relative;
    padding: 10px 20px;
    cursor: pointer;
    text-align: center
}

.tabmenu-list-1 ul li a.active,
.tabmenu-list-1 ul li a:hover {
    border-bottom: 3px solid #8bae45
}

.menu-all-in-one-container,
.menu-print-commerce-tab-container,
.menu-blog-tab-container {
    display: block;
    position: relative;
    padding: 0 0 40px 0
}

.menu-all-in-one-container ul,
.menu-print-commerce-tab-container ul,
.menu-blog-tab-container ul {
    list-style: none;
    position: relative;
    display: block;
    border: 1px solid #d4dee5;
    border-radius: 5px;
    margin-left: 0px;
}

.menu-all-in-one-container ul:after,
.menu-print-commerce-tab-container ul:after,
.menu-blog-tab-container ul:after {
    content: '';
    display: block;
    clear: both
}

.menu-all-in-one-container ul li:first-child {
    padding-left: 0;
}

.menu-all-in-one-container ul li {
    float: left;
    position: relative;
    /*width: 14.28%;*/
    width: auto;
    padding-left: 1.35%;
}

.menu-blog-tab-container ul li.home_icon {
    width: 10%!important;
}

.menu-blog-tab-container ul li {
    float: left;
    position: relative;
    /*width: 14.28%;*/
    width: 18%!important;
}

.menu-print-commerce-tab-container ul li {
    float: left;
    position: relative;
    /* width: 20% */
    width: 14.28%!important;
}

.menu-all-in-one-container ul li a,
.menu-print-commerce-tab-container ul li a,
.menu-blog-tab-container ul li a {
    color: #1b314b;
    font-size: 14px;
    font-weight: 700;
    display: block;
    z-index: 1;
    position: relative;
    /*padding: 15px 5px;*/
    padding: 15px 34px;
    cursor: pointer;
    text-align: center
}

.menu-blog-tab-container ul li a:hover,
.menu-blog-tab-container ul li.current-menu-item a,
.menu-all-in-one-container ul li a:hover,
.menu-all-in-one-container ul li.current-menu-item a,
.menu-print-commerce-tab-container ul li a:hover,
.menu-print-commerce-tab-container ul li.current-menu-item a {
    background-color: #007cb1!important;
    color: #fff!important
}

.menu-blog-tab-container ul li a:hover,
.menu-blog-tab-container ul li.current-menu-item i,
.menu-all-in-one-container ul li a:hover,
.menu-all-in-one-container ul li.current-menu-item i,
.menu-print-commerce-tab-container ul li a:hover,
.menu-print-commerce-tab-container ul li.current-menu-item i {
    color: #fff
}

.menu-blog-tab-container ul li.current-menu-item li a,
.menu-blog-tab-container ul li li a:hover,
.menu-blog-tab-container ul li li.current-menu-item a,
.menu-all-in-one-container ul li.current-menu-item li a,
.menu-all-in-one-container ul li li a:hover,
.menu-all-in-one-container ul li li.current-menu-item a,
.menu-print-commerce-tab-container ul li.current-menu-item li a,
.menu-print-commerce-tab-container ul li li a:hover,
.menu-print-commerce-tab-container ul li li.current-menu-item a {
    background-color: #fff!important;
    color: #1b314b!important
}

.menu-blog-tab-container ul li li a:hover,
.menu-print-commerce-tab-container ul li li a:hover,
.menu-all-in-one-container ul li li a:hover {
    background-color: #007cb1!important;
    color: #fff!important;
}

.blog-tabs ul li:hover .drop-arrow i,
.menu-all-in-one-container ul li:hover .drop-arrow i,
.menu-print-commerce-tab-container ul li:hover .drop-arrow i {
    color: #fff
}

.blog-tabs ul li.current-menu-parent .drop-arrow i,
.blog-tabs ul li.current-menu-item .drop-arrow i {
    color: #fff
}

.blog-tabs ul li,
.menu-all-in-one-container ul li,
.menu-print-commerce-tab-container ul li {
    position: relative
}

.menu-blog-tab-container ul ul,
.menu-all-in-one-container ul ul,
.menu-print-commerce-tab-container ul ul {
    position: absolute;
    /*width: 100%;
    left: 0;*/
    width: 212px;
    left: 0;
    display: none;
    background-color: #fff;
    margin-left: 0px;
    z-index: 3;
}

.menu-blog-tab-container ul ul {
    width: 100%!important;
}

.menu-blog-tab-container ul li:hover>ul,
.menu-all-in-one-container ul li:hover>ul,
.menu-print-commerce-tab-container ul li:hover>ul {
    display: block
}

.menu-blog-tab-container ul ul li,
.menu-all-in-one-container ul ul li,
.menu-print-commerce-tab-container ul ul li {
    float: none;
    text-align: left;
    width: 100%!important
}

.menu-blog-tab-container ul ul a,
.menu-all-in-one-container ul ul a,
.menu-print-commerce-tab-container ul ul a {
    color: #1b314b;
    font-size: 12px;
    font-weight: 700;
    display: block;
    z-index: 1;
    position: relative;
    padding: 8px 10px;
    cursor: pointer;
    text-align: left
}

.menu-blog-tab-container ul ul a:hover,
.menu-all-in-one-container ul ul a:hover,
.menu-print-commerce-tab-container ul ul a:hover {
    background-color: #fff!important;
    color: #1b314b!important
}

.blog-tabs .drop-arrow,
.menu-all-in-one-container .drop-arrow,
.menu-print-commerce-tab-container .drop-arrow {
    z-index: 5;
    right: 20px;
    top: 14px
}

.in-tabcontent {
    display: none;
    transition: opacity .5s ease;
    overflow: hidden;
    box-shadow: border-box
}

.in-tab-full .in-tabcontent:first-child {
    height: inherit;
    opacity: 1;
    padding: 30px 0
}

.in-tabcontent.active {
    transition: opacity .5s ease;
    display: block;
    padding: 30px 12px
}

.tabmenu-list ul li {
    position: relative
}

.tabmenu-list ul ul {
    position: absolute;
    width: 100%;
    left: 0;
    display: none;
    background-color: #fff
}

.tabmenu-list ul li:hover>ul {
    display: block
}

.tabmenu-list ul ul li {
    float: none;
    text-align: left;
    width: 100%!important
}

.tabmenu-list ul ul a {
    color: #1b314b;
    font-size: 12px;
    font-weight: 700;
    display: block;
    z-index: 1;
    position: relative;
    padding: 8px 10px;
    cursor: pointer;
    text-align: left
}

.tabmenu-list .drop-arrow {
    z-index: 5;
    right: 20px;
    top: 14px
}

.slider-full {
    display: block;
    position: relative;
    margin-bottom: 0;
    left: 0;
    transition: left .5s ease-in
}

.slide-show {
    float: left;
    padding: 0 0;
    padding-bottom: 15px
}

.slider-full::after {
    content: '';
    display: block;
    clear: both
}

.arror-slider {
    display: block;
    margin-bottom: 40px
}

#move-left-slide,
#move-right-slide {
    cursor: pointer;
    color: #000
}

.arror-slider span {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    color: #adadad
}

.slide-show h3,
.slide-show h4,
.slide-show p {
    max-width: 100%
}

.slide-show h3 {
    color: #1b314b;
    font-size: 44px;
    font-weight: 700
}

.slide-show h4 {
    color: #1b314b;
    font-size: 34px;
    font-weight: 400
}

.slide-show p {
    color: #000;
    font-size: 18px;
    font-weight: 300
}

.slide-img-full {
    display: block;
    position: relative;
    left: 0;
    z-index: 2;
    transition: left .5s ease-in-out
}

.slide-img-full::after {
    content: ' ';
    clear: both;
    display: block
}

.imageSlideCover {
    display: block;
    overflow: hidden;
    position: relative;
    max-height: 650px;
}

.slide-img {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    animation-name: fadeInImg;
    animation-duration: .7s;
    animation-timing-function: ease-in;
    -webkit-animation-name: fadeInImg;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: ease-in
}

@-webkit-keyframes fadeInImg {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@keyframes fadeInImg {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

.big-para p {
    font-size: 20px;
    color: #000;
    font-weight: 300;
    line-height: 36px
}

.midium-para p {
    font-size: 18px;
    color: #000;
    font-weight: 300;
    line-height: 36px
}

.half-gray {
    position: relative
}

.half-gray:after {
    content: ' ';
    width: 100%;
    height: 300px;
    left: 0;
    top: 0;
    background-color: #f0f0f0;
    position: absolute
}

.half-gray-bottom {
    position: relative
}

.half-gray-bottom:after {
    content: ' ';
    width: 100%;
    height: 20px;
    left: 0;
    bottom: 0;
    background-color: #f0f0f0;
    position: absolute
}

.hight-light-box {
    padding: 40px;
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
    min-height: 100px
}

.hight-light-box h3 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 15px
}

.hight-light-box p {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 15px
}

.hight-light-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 0;
    transition: height .5s ease-in-out;
    overflow: hidden;
    animation-name: max
}

.hight-light-box li {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 10px;
    position: relative;
    margin-top: 15px;
    padding-left: 26px
}

.hight-light-box li:after {
    content: ' ';
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    left: 0;
    top: 10px;
    width: 11px;
    height: 2px;
    border-radius: 3px;
    transform: rotate(40deg);
    background-color: #fff
}

.hight-light-box li:before {
    content: ' ';
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    left: -1px;
    top: 16px;
    width: 11px;
    height: 2px;
    border-radius: 3px;
    background-color: #fff;
    transform: rotate(-34deg)
}

.hight-li .hight-light-box i {
    font-size: 24px
}

.hight-light-box img {
    position: relative;
    bottom: -44px;
    transition: margin-bottom .5s ease-in-out;
    display: block;
    margin: 0 auto;
    width: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, .2);
    margin-bottom: -120px
}

.hight-light-box .video-cover-container {
    bottom: -44px;
    transition: margin-bottom .5s ease-in-out;
    padding: 0;
    margin-bottom: -120px
}

.hight-light-box:hover .video-cover-container,
.hight-light-box:hover img {
    bottom: -44px;
    margin-bottom: 0
}

.hight-light-box .video-cover-container i {
    font-size: 45px
}

.hight-light-box:hover ul {
    -webkit-animation-name: heighttoggle;
    -webkit-animation-duration: .8s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards;
    animation-name: heighttoggle;
    animation-duration: .8s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards
}

@-webkit-keyframes heighttoggle {
    from {
        max-height: 0
    }
    to {
        max-height: 500px
    }
}

@keyframes heighttoggle {
    from {
        max-height: 0
    }
    to {
        max-height: 1000px
    }
}

.mobileh {
    padding: 120px;
    display: block
}

.bg-right-bottom {
    background-position: right bottom!important;
    background-repeat: no-repeat!important
}

.bg-right-top {
    background-position: right top!important;
    background-repeat: no-repeat!important
}

.bg-right-top-2 {
    background-position: right 102px!important;
    background-repeat: no-repeat!important
}

.Personalized-Demo {
    max-width: 830px;
    margin: 0 auto
}

.Personalized-Demo label {
    display: block;
    position: relative;
    font-size: 18px;
    color: #9dacbb;
    top: 13px
}

.Personalized-Demo .in-col-12 label {
    max-width: 55.9%;
}

.Personalized-Demo input[type=email],
.Personalized-Demo input[type=tel],
.Personalized-Demo input[type=text],
.Personalized-Demo select,
.Personalized-Demo textarea {
    width: 100%;
    display: block;
    position: relative;
    border: 0;
    outline: 0;
    font-size: 20px;
    color: #6d7788;
    font-weight: 700;
    background-color: transparent
}

.Personalized-Demo select {
    padding: 15px 15px;
    font-size: 18px;
    height: 58px;
}

.custom-input {
    background-color: #f0f0f0;
    border: 1px solid #dedede;
    border-radius: 8px;
    overflow: hidden;
}

.custom-input.active {
    background-color: #fff;
    border: 1px solid #8bae45;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.custom-input.active label {
    animation-name: topSfit;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-name: topSfit;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards
}

@-webkit-keyframes topSfit {
    from {
        top: 13px;
        transform: scale(1);
        left: 0
    }
    to {
        top: 0;
        transform: scale(.7);
        left: -55px
    }
}

@keyframes topSfit {
    from {
        top: 13px;
        transform: scale(1);
        left: 0
    }
    to {
        top: 0;
        transform: scale(.7);
        left: -55px
    }
}

.custom-input-2 {
    background-color: #f0f0f0;
    border: 1px solid #dedede;
    border-radius: 8px;
    overflow: hidden;
    padding: 4px 15px
}

.custom-input-2.active {
    background-color: #fff;
    border: 1px solid #8bae45;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2)
}

.custom-input-2.active label {
    animation-name: topSfit2;
    animation-duration: .2s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    -webkit-animation-name: topSfit2;
    -webkit-animation-duration: .2s;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-fill-mode: forwards
}

@-webkit-keyframes topSfit2 {
    from {
        top: 13px;
        transform: scale(1);
        left: 0
    }
    to {
        top: 0;
        transform: scale(.7);
        left: -30px
    }
}

@keyframes topSfit2 {
    from {
        top: 13px;
        transform: scale(1);
        left: 0
    }
    to {
        top: 0;
        transform: scale(.7);
        left: -30px
    }
}

.Personalized-Demo input[type=checkbox] {
    width: 18px;
    height: 18px;
    top: 4px;
    position: relative;
    margin-right: 12px;
}

div.wpcf7 .ajax-loader {
    margin: 0 0 0 24px !important;
}

.Personalized-Demo [class*=in-col-] {
    padding: 8px
}

div.wpcf7-response-output {
    max-width: 815px;
    margin: 0 auto
}

.Personalized-Demo input::-webkit-input-placeholder {
    color: pink
}

.Personalized-Demo input::-moz-placeholder {
    color: pink
}

.Personalized-Demo input:-ms-input-placeholder {
    color: pink
}

.Personalized-Demo input:-moz-placeholder {
    color: pink
}


/*.Personalized-Demo textarea::-webkit-input-placeholder {
color:pink
}

.Personalized-Demo textarea::-moz-placeholder {
color:pink
}
.Personalized-Demo textarea:-ms-input-placeholder {
color:pink
}
.Personalized-Demo textarea:-moz-placeholder {
color:pink
}*/

.grid-box .display-inline-block {
    max-width: 425px;
    min-width: 425px;
    margin: -1px 0
}

.grid-box .icon-container {
    margin: -1px!important;
    min-height: 390px;
    background-size: cover
}

.grid-box-2 .display-inline-block {
    width: 49%;
    margin: -2px
}

.grid-box-2 .icon-container {
    margin: -1px!important;
    min-height: 380px
}

.responsive-box {
    position: relative
}

.responsive-box::after {
    clear: both;
    content: ' ';
    display: block
}

div .responsive-box:first-child {
    margin-top: 0
}

.responsive-content,
.responsive-image {
    position: relative;
    width: 49%;
    box-sizing: border-box;
    padding: 30px;
    display: inline-block;
    vertical-align: middle
}

.responsive-content h3 {
    font-size: 36px;
    color: #1b314b
}

.responsive-content p {
    font-size: 18px;
    color: #6d7788
}

.responsive-image {
    text-align: center
}

.in-content {
    overflow: hidden
}

span.wpcf7-not-valid-tip {
    color: red;
    font-size: 12px;
    font-weight: 400;
    display: block
}

span.wpcf7-list-item {
    display: inline-block;
    margin: 0
}

.margin-inline-block .icon-container {
    margin: 15px;
    vertical-align: top;
    overflow: hidden
}

.margin-inline-block .icon-area {
    display: block;
    padding: 0
}

.list-box ul,
.list-box ul li {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none
}

.list-box ul li {
    font-size: 20px;
    color: #6d7788;
    padding: 8px 30px
}

.list-box ul li p {
    font-size: 17px;
    color: #6d7788;
    font-weight: 300
}

.list-box ul li h3 {
    font-size: 20px;
    color: #1b314b
}

.tab-video {
    display: none;
    width: 100%;
    min-height: 540px;
    position: relative
}

.video-tab-full .in-col-10 .tab-video:first-child {
    display: block
}

.video-tab-full li,
.video-tab-full ul {
    display: block;
    position: relative;
    list-style: none;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.video-tab-full li {
    margin-bottom: 15px
}

.video-tab-full li img {
    width: 90px;
    height: 90px
}

.video-tab-full h6 {
    font-size: 13px;
    color: #7b7b7b
}

.video-tab-full li.active h6 {
    color: #1c4875
}

.video-tab-full li.active img {
    border: 3px solid #e09606
}

.testimonials-overflow {
    display: block;
    overflow: hidden;
    position: relative
}

.testimonials-slider {
    position: relative;
    display: block;
    margin: 0 auto
}

.testimonials-slider:after {
    content: '';
    display: block;
    position: relative;
    clear: both
}

.testimonials-slide {
    position: relative;
    float: left;
    opacity: .2;
    transition: all .2s ease-in;
    padding: 0 80px
}

.testimonials-slide.scale {
    transform: scale(1.15);
    opacity: 1;
    z-index: 2
}

.testimonials-slide.scale .testimonials-content-cover {
    max-height: initial!important
}

.testimonials-content-cover {
    max-width: 580px;
    margin: 40px auto;
    max-height: 320px;
    overflow: hidden;
    display: block;
    text-align: center;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    transition: max-height .5s ease-in
}

.testimonials-content,
.testimonials-user-details {
    padding: 30px 30px
}

.testimonials-content {
    padding-bottom: 60px
}

.testimonials-user-details {
    padding-top: 0
}

.testimonials-user-details div {
    position: relative;
    width: 90px;
    height: 90px;
    border: 10px solid #fff;
    border-radius: 100px;
    top: -42px;
    margin-bottom: -40px;
    overflow: hidden;
    background-color: #fff;
    margin: 0 auto;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: -42px
}

.testimonials-content {
    background-color: #ff8300;
    display: block
}

.testimonials-content p {
    color: #fff;
    font-size: 13px;
    line-height: 15px!important
}

.testimonials-content ul {
    margin-left: 20px
}

.testimonials-content ul li {
    color: #fff;
    font-size: 13px;
    line-height: 15px!important;
    text-align: left
}

.testimonials-user-details {
    background-color: #fff;
    display: block
}

.testimonials-user-details h3 {
    color: #000;
    font-size: 20px
}

.testimonials-user-details h3 span {
    color: #878b92;
    font-weight: 300
}

.testimonials-slider-arrow {
    position: relative;
    bottom: 115px;
    width: 550px;
    text-align: center;
    z-index: 98;
    margin: 0 auto;
}

.left-testmonials {
    left: 20px;
}

.right-testmonials {
    right: 20px;
}

.testimonials-slider-arrow span {
    display: inline-block;
    padding: 0px;
    font-size: 50px;
    position: absolute
}

.testimonials-slider-arrow span i {
    cursor: pointer
}

.testimonials-slider-arrow span i:hover {
    color: #007bb0
}

#leftmove {
    position: relative;
    -webkit-animation: linear infinite alternate;
    -webkit-animation-name: run;
    -webkit-animation-duration: 5s
}

@-webkit-keyframes run {
    0% {
        left: 0
    }
    50% {
        left: 100%
    }
    100% {
        left: 0
    }
}

.shadow-box {
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    background-color: #fff;
    padding: 18px 30px;
    border-radius: 8px
}

.logo-icon img {
    margin: 60px 0;
    margin-top: 20px
}

.panel-grid-cell .widget-title {
    margin-top: 15px;
    font-size: 20px;
    color: #1b314b
}

.plan-1,
.plan-2,
.plan-3 {
    display: block;
    background-color: #fff;
    padding: 30px;
    border: 3px solid transparent;
    border-radius: 8px;
    text-align: center;
}

.plan-1 {
    border: 3px solid #549799
}

.plan-2 {
    border: 3px solid #4b9e66
}

.plan-3 {
    border: 3px solid #b3912e
}

.plan-1 p {
    display: block;
    margin-bottom: 15px
}

p.plan-month {
    color: #549799;
    font-size: 26px;
    font-weight: 700
}

p.plan-price {
    color: #000;
    font-size: 52px;
    font-weight: 700
}

p.plan-price span {
    font-size: 20px;
    vertical-align: top;
    line-height: 50px;
    font-weight: 400
}

p.plan-month-price {
    color: #000;
    font-size: 20px;
    font-weight: 400
}

p.plan-bq {
    color: #000;
    font-size: 15px;
    font-weight: 400
}

p.plan-details {
    color: #000;
    font-size: 17px;
    font-weight: 700
}

p.plan-bottom {
    color: #000;
    font-size: 17px;
    font-weight: 700;
    line-height: 18px;
    text-align: center
}

p.plan-btn {
    text-align: center
}

p.plan-btn img {
    max-width: 180px;
    margin: 30px 0
}

.plan-2 p.plan-month {
    color: #4b9e66
}

.plan-3 p.plan-month {
    color: #b3912e
}

.plan-table-head {
    display: block;
    text-align: center;
    margin-bottom: 50px
}

.plan-table-head span {
    display: inline-block;
    margin: 18px;
    font-size: 18px;
    color: #6d7788;
    vertical-align: middle;
    position: relative;
    text-transform: capitalize;
    transition: all .2s ease
}

.toggle-text {
    width: 73px;
    background-color: #007cb1;
    min-height: 42px;
    border-radius: 30px;
    cursor: pointer
}

.toggle-text::after {
    content: '';
    position: absolute;
    top: 6px;
    right: 6px;
    height: 30px;
    width: 30px;
    border-radius: 38px;
    background-color: #fff;
    z-index: 10
}

.toggle-text.active::after {
    left: 6px;
    right: inherit
}

.plan-table-head span.active {
    transform: scale(1.3);
    color: #1b314b
}

.toggle-text.active {
    transform: scale(1)!important
}

.plan-show {
    display: none
}

.plan-show.active {
    display: block
}

.plan-area tfoot th,
.plan-area thead th {
    background-color: transparent!important;
    font-size: 22px;
    font-weight: 400!important;
    color: #1b314b;
    padding: 18px 0;
    text-align: center
}

.plan-area tr td {
    font-size: 16px;
    color: #3e454f;
    font-weight: 400;
    padding: 18px 10px;
    text-align: center
}

.plan-area .odd td,
.plan-area tr td:hover {
    background-color: transparent!important
}

.tablepress .row-hover tr:hover td {
    background-color: transparent!important
}

.plan-area tr td:first-child {
    min-width: 425px;
    padding: 18px 0;
    font-size: 16px;
    color: #3e454f;
    font-weight: 700
}

.plan-area i.fa-check {
    color: #007cb1;
    font-size: 28px
}

.plan-area i.fa-times {
    color: #d21111;
    font-size: 28px
}

.plan-area tr td:first-child,
.plan-area tr th:first-child {
    text-align: left
}

.plan-area tr td:nth-child(2) {
    background-color: #ebfef1!important
}

.plan-area tr td:nth-child(3) {
    background-color: #e8f4fa!important
}

.plan-area tr td:nth-child(2),
.plan-area tr td:nth-child(3),
.plan-area tr td:nth-child(4) {
    max-width: 250px;
    min-width: 250px
}

.plan-area tr td:nth-child(2) br,
.plan-area tr td:nth-child(3) br {
    display: none
}

.plan-area tr td:nth-child(4) {
    background-color: #f9f5ea!important
}

.webinars {
    margin: 0;
    background-color: #fff;
    padding: 30px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    display: block;
    border-radius: 8px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    min-height: 640px
}

.webinars img {
    margin-bottom: 15px
}

.webinars p {
    margin: 15px 0;
    font-size: 17px;
    font-weight: 400
}

.webinars h3 {
    text-align: left;
    color: #1b314b;
    font-size: 18px
}

.ebook {
    display: block;
    position: relative;
    margin-bottom: 40px
}

.ebook ul {
    display: block
}

.ebook ul li {
    list-style: none;
    position: relative;
    display: inline-block
}

.ebook ul li a {
    width: 34px;
    height: 34px;
    background-color: #fff;
    text-align: center;
    border-radius: 34px;
    overflow: hidden;
    color: #666;
    font-size: 20px;
    display: block;
    padding-top: 5px;
    margin: 5px;
    transition: transform .2s ease-in
}

.ebook ul li a:hover {
    transform: scale(1.2)
}

.ebook h3,
.ebook h3 a {
    font-size: 22px;
    font-weight: 400;
    color: #000
}

.ebook-img {
    position: relative;
    display: block;
    margin-bottom: 15px
}

.ebook-share {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .7);
    padding-top: 26%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transition: transform .2s ease-in;
    -webkit-transition: transform .2s ease-in;
    -moz-transition: transform .2s ease-in;
    -ms-transition: transform .2s ease-in
}

.ebook-img:hover>.ebook-share {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1)
}

.ebook-share p {
    color: #fff
}

.all-news {
    display: block;
    position: relative;
    padding: 50px 0;
    background-color: #fff;
    border-bottom: 1px solid #d9dbdd
}

.news-button-area,
.news-content-area,
.news-date-area {
    display: inline-block;
    vertical-align: middle;
    transition: width .2s ease-in-out
}

.news-date-area {
    width: 15%;
    vertical-align: top
}

.news-date-area p {
    font-size: 16px;
    font-weight: 700;
    color: #1b314b;
    position: relative;
    text-align: right;
    display: block;
    margin-top: 7px
}

.news-date-area p span {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-left: 8px
}

.all-news:hover {
    background-color: #f0f5fe
}

.all-news:hover .news-date-area p span {
    background-color: #f0f5fe
}

.news-date-area p::after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #1b314b;
    left: 0;
    top: 11px
}

.news-content-area {
    width: 62%;
    padding: 0 30px
}

.all-news:hover .news-date-area {
    width: 20%
}

.news-content-area h3,
.news-content-area h3 a {
    font-size: 38px;
    font-weight: 700;
    color: #1b314b;
    position: relative;
    display: block
}

.news-button-area {
    width: 15%;
    text-align: center;
    display: none
}

.all-news:hover .news-button-area {
    display: inline-block
}

.pagination {
    clear: both;
    position: relative;
    font-size: 11px;
    line-height: 13px;
    display: block;
    text-align: center;
    margin: 30px 0
}

.pagination a,
.pagination span {
    display: inline-block;
    vertical-align: middle;
    margin: 2px 2px 2px 0;
    padding: 6px 9px 5px 9px;
    text-decoration: none;
    width: auto;
    color: #000;
    border: 1px solid #fff;
    background: #fff;
    -webkit-transition: background .15s ease-in-out;
    -moz-transition: background .15s ease-in-out;
    -ms-transition: background .15s ease-in-out;
    -o-transition: background .15s ease-in-out;
    transition: background .15s ease-in-out;
    font-size: 17px
}

.pagination a:hover {
    color: #ff8300;
    border: 1px solid #ff8300
}

.pagination .current {
    color: #ff8300;
    border: 1px solid #ff8300
}

.news-banner {
    padding: 120px 0;
    position: relative;
    padding-bottom: 240px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-color: #1b314b;
}

.news-banner::after {
    content: ' ';
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1
}

.news-banner h1 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    position: relative;
    max-width: 940px;
    margin: 0 auto;
    z-index: 5
}

.news-banner h3 {
    font-size: 48px;
    font-weight: 700;
    color: #fff;
    position: relative;
    max-width: 940px;
    margin: 0 auto;
    z-index: 5
}

.single-news iframe {
    width: 100%;
    height: 420px
}

.single-news {
    margin-top: -120px;
    position: relative;
    z-index: 15;
    background-color: #fff;
    border-top: 8px solid #007cb1;
    padding-top: 20px
}

.single-news-content,
.single-news-share {
    display: inline-block;
    position: relative;
    vertical-align: top
}

.single-news-share {
    width: 120px;
    padding-right: 1px;
    margin-right: 30px
}

.single-news-share::after {
    content: '';
    display: block;
    clear: both
}

.single-news-share ul li {
    list-style: none;
    display: inline-block;
    border: 1px solid #9b9a9a;
    width: 50%;
    text-align: center;
    float: left
}

.single-news-share ul li:hover {
    border: 1px solid #ff8300
}

.single-news-share ul li:hover a {
    color: #ff8300
}

.single-news-share ul li a {
    color: #9b9a9a;
    font-size: 28px;
    padding: 9px 0;
    display: block
}

.single-news-content {
    max-width: 720px
}

.share-box {
    display: block;
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 30px 5px
}

.share-box span {
    display: block
}

.share-box span:first-child {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
    border-bottom: 1px solid #fff;
    padding-bottom: 15px;
}

.single-news-content,
.single-news-content p {
    color: #6d7788;
    font-size: 18px;
    line-height: 30px!important
}

.single-news-content h2,
.single-news-content h3 {
    color: #1b314b;
    font-size: 24px
}

.single-news-content ul {
    margin-left: 20px;
    margin-bottom: 15px
}

.single-news-content li {
    color: #6d7788;
    font-size: 18px;
    line-height: 30px!important
}

.theme-sidebar {
    padding: 20px;
    border: 1px solid #ebebeb;
    margin-bottom: 30px
}

.theme-sideba,
.theme-sidebar a,
.theme-sidebar li,
.theme-sidebar p {
    color: #6d7788;
    font-size: 15px;
    list-style: none
}

.theme-sidebar li {
    margin-bottom: 15px
}

.theme-sidebar li:last-child {
    margin-bottom: 0
}

.theme-sidebar a:hover {
    text-decoration: underline;
    color: #007cb1
}

.theme-sidebar .screen-reader-text {
    display: none
}

.searchform input {
    display: block;
    background-color: #fafafa;
    border: 1px solid #dedede;
    outline: 0;
    width: 100%;
    padding: 8px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 3px
}

input#searchsubmit {
    font-size: 0;
    border: 0;
    padding: 0;
    background-color: translate;
    position: relative
}

.comments-area {
    padding-top: 50px;
    border-top: 1px solid #dedede;
    margin-top: 50px
}

.comments-area li {
    list-style: none
}

.comments-area ol ol {
    margin-left: 20px
}

ol.commentlist {
    list-style: none;
    margin: 0 0 1em;
    padding: 0;
    text-indent: 0
}

ol.commentlist li.comment {
    border-bottom: 1px dotted #666;
    padding: 1em
}

ol.commentlist li.comment div.vcard {
    font: normal 16px georgia, times, serif
}

ol.commentlist li.comment div.vcard cite.fn {
    font-style: normal
}

ol.commentlist li.comment div.vcard img.avatar {
    border: 2px solid #ccc;
    float: right;
    margin: 0 0 1em 1em;
    width: 60px;
    height: 60px;
    border-radius: 60px
}

ol.commentlist li.comment div.comment-meta {
    font-size: 9px
}

ol.commentlist li.comment div.comment-meta a {
    color: #ccc
}

ol.commentlist li.comment p {
    font-size: 11px;
    margin: 0 0 1em
}

ol.commentlist li.comment ul {
    font-size: 11px;
    list-style: square;
    margin: 0 0 1em 2em
}

ol.commentlist li.comment div.reply {
    font-size: 11px
}

ol.commentlist li.comment div.reply a {
    font-weight: 700
}

ol.commentlist li.comment ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0
}

ol.commentlist li.comment ul.children li.depth-2 {
    border-left: 5px solid #555;
    margin: 0 0 .25em .25em
}

ol.commentlist li.comment ul.children li.depth-3 {
    border-left: 5px solid #999;
    margin: 0 0 .25em .25em
}

ol.commentlist li.comment ul.children li.depth-4 {
    border-left: 5px solid #bbb;
    margin: 0 0 .25em .25em
}

ol.commentlist li.even {
    background: #fff
}

ol.commentlist li.odd {
    background: #f6f6f6
}

ol.commentlist li.parent {
    border-left: 3px solid #016f9e
}

.author-profile {
    background-color: #f7fdff;
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.author-page h2 {
    font-size: 38px;
    color: #1b314b;
    margin-bottom: 40px
}

.author-profile h6 {
    font-size: 26px;
    color: #1b314b;
    font-weight: 400
}

.author-page img {
    width: 130px;
    height: 130px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    margin-bottom: 10px
}

.au-content .news-date-area p {
    font-size: 12px
}

.author-profile ul {
    display: block;
    margin: 0
}

.author-profile ul li {
    list-style: none;
    position: relative;
    display: inline-block
}

.author-profile ul li a {
    width: 34px;
    height: 34px;
    background-color: #fff;
    text-align: center;
    border-radius: 34px;
    overflow: hidden;
    color: #666;
    font-size: 20px;
    display: block;
    padding-top: 5px;
    margin: 5px;
    transition: transform .2s ease-in;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

.author-profile ul li a:hover {
    transform: scale(1.2)
}

.author_bio_section {
    display: none
}

.single-news .author-profile img {
    border-radius: 180px;
    margin-bottom: 10px;
    box-shadow: 0 10px 15px rgba(0, 0, 0, .2);
    width: 120px;
    height: 120px
}

.single-news table {
    background-color: #fff;
    border-collapse: collapse;
    margin-bottom: 20px
}

.single-news table td,
.single-news table th {
    border: 1px solid #e3e3e3;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    vertical-align: top
}

.single-news table th {
    background-color: #f2f2f2
}

.single-news table tr td:first-child {
    background-color: #f2f2f2
}

.single-news blockquote {
    background: #f9f9f9;
    border-left: 10px solid #ccc;
    margin: 1.5em 30px;
    padding: .5em 10px;
    quotes: "\201C""\201D""\2018""\2019"
}

.single-news blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: .1em;
    margin-right: .25em;
    vertical-align: -.4em
}

.single-news blockquote p {
    display: inline
}

.home-client img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: transform .3s ease-in
}

.home-client img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transform: scale(1.1)
}

.box-news-blog {
    display: block
}

.box-news-blog::after {
    content: ' ';
    display: block;
    clear: both
}

.box-news-blog .blog-box:nth-child(2) {
    display: none!important
}

.blog-box {
    float: left;
    width: 33.33%;
    padding: 15px
}

.blog-container {
    margin: 15px;
    min-height: 400px
}

.blog-img {
    display: block;
    background-size: 100% 100%;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: 210px;
    max-height: 250px;
    overflow: hidden
}

.blog-img img {
    opacity: 0
}

.blog-content-area {
    display: block;
    margin: 15px 0
}

.blog-content-area h3 a {
    color: #1b314b;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
    height: 52px;
    display: block
}

.blog-content-area h3 a:hover {
    text-decoration: underline
}

.blog-author-profile {
    display: block
}

.blog-author-profile img,
.blog-author-profile span {
    display: inline-block;
    vertical-align: middle
}

.blog-author-profile img {
    width: 50px;
    height: 50px;
    border-radius: 50px;
    margin-right: 15px
}

.blog-author-profile span {
    color: #6d7788;
    font-size: 15px
}

.blog-show p {
    color: #6d7788;
    font-size: 15px
}

.blog-first {
    display: block;
    margin: 30px;
    margin-top: 0
}

.blog-first::after {
    content: ' ';
    display: block;
    clear: both
}

.blog-content-all-f,
.blog-img-f {
    display: inline-block;
    vertical-align: middle
}

.blog-img-f {
    width: 65%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.blog-img-f img {
    opacity: 0
}

.blog-content-all-f {
    width: 32%;
    padding: 30px
}

.newletter {
    display: block;
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 30px 20px;
    padding-bottom: 10px;
    margin: 0 -15px
}

.newletter h3 {
    color: #1b314b;
    font-size: 30px
}

.newletter label {
    color: #6d7788;
    font-size: 15px
}

.newletter input {
    border: 1px solid #ebebeb;
    background-color: #f0f0f0;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px;
    margin: 25px 0 0 0;
    display: block;
    width: 100%;
    outline: 0
}

.newletter input.btn-orange {
    width: auto;
    padding: 10px 25px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: 0!important;
    color: #fff;
    background-color: #ff8300;
    border: 0!important;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    margin-left: 8px;
    transition: transform .2s ease;
    -webkit-transition: transform .2s ease
}

.fullwidth-banner {
    margin-bottom: 60px
}

.fullwidth-banner .banner-content-blog,
.fullwidth-banner .banner-img-blog {
    display: inline-block;
    position: relative;
    vertical-align: middle
}

.fullwidth-banner .banner-img-blog {
    width: 30%;
    text-align: center
}

.fullwidth-banner .banner-content-blog {
    max-width: 68%
}

.banner-img-blog-1 img {
    display: block;
    margin: -60px 0 -15px 0
}

.banner-content-blog h3 {
    color: #fff;
    font-size: 30px;
    margin-bottom: 0
}

.banner-content-blog p {
    color: #fff;
    font-size: 20px
}

.blog-show {
    display: none
}

#loadLess {
    display: none
}

.code-share {
    display: block;
    position: relative;
    text-align: center
}

h3.single-info-title {
    font-size: 54px;
    color: #1b314b;
    margin-bottom: 40px!important
}

.single-info-full img {
    display: block;
    margin: 50px auto;
    z-index: 1
}

.single-info-full img:after {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #edecec
}

.single-info-full ul .code-share h3 {
    font-size: 38px;
    color: #1b314b
}

.code-share p {
    font-size: 20px;
    color: #1b314b
}

.code-share textarea {
    display: block;
    width: 100%;
    padding: 30px;
    border: 0;
    outline: 0;
    background-color: #edecec;
    resize: none;
    overflow: auto;
    height: 120px;
    font-size: 17px;
    color: #505865;
    margin-top: 50px
}

.single-info-full {
    /*background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/02/slier-bg.png);*/
    background-repeat: no-repeat;
    background-position: right top
}

.single-info-full ul {
    margin-left: 20px;
    margin-bottom: 15px
}

.single-info-full li {
    color: #6d7788;
    font-size: 18px;
    line-height: 30px!important
}

.video-page .video-cover-container {
    box-shadow: none!important;
    padding: 0!important
}

.screen-reader-text {
    display: none
}

.flip-card {
    background-color: transparent;
    width: 340px;
    height: 516px;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    margin: 30px 0
}

.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform .6s;
    transform-style: preserve-3d;
    -webkit-transition: transform .6s;
    -webkit-transform-style: preserve-3d;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2)
}

.flip-card:hover .flip-card-inner,
.flip-card:active .flip-card-inner,
.flip-card:focus .flip-card-inner {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg)
}

.flip-card-back,
.flip-card-front {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden
}

.flip-card-front {
    background-color: #bbb;
    color: #000;
    z-index: 2
}

.flip-card-back {
    background-image: linear-gradient(-60deg, #c13057, #0ea5e6);
    background-image: -webkit-linear-gradient(-60deg, #c13057, #0ea5e6);
    padding: 30px;
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    z-index: 99;
}

.flip-card-front h3 {
    position: absolute;
    top: 30px;
    left: 30px;
    color: #1b314b;
    font-size: 32px;
    font-weight: 300
}

.flip-card-front h3:nth-child(2) {
    top: 70px
}

.flip-card-front p {
    position: absolute;
    top: 122px;
    left: 70px;
    color: #b9b9b9;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    text-align: left;
}

.flip-card-front img {
    width: 100%
}

.flip-card-front p::after {
    content: ' ';
    position: absolute;
    left: -38px;
    top: 9px;
    height: 3px;
    width: 30px;
    background-color: #b9b9b9
}

.flip-card-back h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 300
}

.flip-card-back h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 300
}

.flip-card-back p {
    color: #fff;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase
}

.flip-card-back ul {
    display: block;
    position: relative;
    list-style: none
}

.flip-card-back ul li {
    display: inline-block;
    position: relative;
    padding: 8px
}

.flip-card-back ul li img {
    width: 15px
}

.flip-card-back ul li a {
    color: #fff
}

.single-box-slider-with-para {
    position: relative;
    display: block;
    min-height: 530px
}

.single-box-silder-area,
.single-box-slider-content {
    position: absolute;
    width: 50%;
    padding: 15px
}

.single-box-silder-area {
    height: 530px;
    overflow: hidden
}

.single-box-slider-content {
    top: 50%;
    transform: translatey(-50%)
}

.single-box-slider-content h3 {
    color: #1b314b;
    font-size: 38px;
    font-weight: 700
}

.single-box-slider-content p {
    color: #6d7788;
    font-size: 27px;
    font-weight: 300;
    font-style: italic
}

.single-box-slider-content h4 {
    color: #1b314b;
    font-size: 23px;
    font-weight: 700;
    margin-bottom: 32px!important
}

.single-box-silder-area {
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/04/slider-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%
}

.single-box-silder-container {
    width: 540px;
    height: 357px;
    border: 8px solid #fff;
    margin: 75px 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    position: relative;
    z-index: 20
}

.single-box-silder-area::before {
    content: ' ';
    width: 526px;
    height: 343px;
    border: 8px solid #fff;
    margin: 75px 15px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    position: absolute;
    top: 25px;
    background-color: #fff;
    left: 25px
}

.single-box-silder-container ul {
    width: 524px;
    height: 340px;
    overflow: hidden;
    position: relative
}

.single-box-silder-container ul li {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: transform .2s ease-in
}

.single-box-silder-container ul li img {
    width: 100%;
    overflow: inherit
}

.next-slide,
.pre-slide {
    position: absolute;
    background-color: rgba(0, 0, 0, .5);
    width: 30px;
    height: 30px;
    cursor: pointer;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    padding-top: 5px;
    z-index: 99;
    top: 48%;
    transition: transform .3s ease-in;
    opacity: .3
}

.next-slide:hover,
.pre-slide:hover {
    transform: scale(1.2);
    opacity: 1
}

.pre-slide {
    right: 90px
}

.next-slide {
    left: 50px;
    display: none
}

.scalez {
    transform: scale(1.7);
    opacity: 0
}

.scalef {
    transform: scale(1);
    opacity: 1
}

.apply-row {
    border-top: 1px solid #ccc;
    padding: 35px 15px
}

.apply-head {
    display: flex;
    justify-content: space-around
}

.apply-head div {
    width: 33%;
    text-align: left;
    padding-right: 30px
}

.apply-head div h3 {
    color: #1b314b;
    font-size: 25px
}

.apply-head div p {
    font-size: 15px;
    margin-bottom: 2px!important;
    position: relative;
    padding-left: 94px;
    color: #1b314b
}

.apply-head div p span {
    font-weight: 700;
    position: absolute;
    left: 0;
    top: 0
}

.apply-head-3 {
    text-align: center!important
}

.apply-head a {
    text-decoration: none
}

.apply-body ul {
    margin-left: 20px;
    font-size: 15px;
    color: #757e8e
}

.apply-body ul li {
    padding-right: 30px
}

.apply-row ul {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3
}

.apply-body {
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease-in;
    -webkit-transition: max-height .3s ease-in;
    -moz-transition: max-height .3s ease-in
}

.apply-row:hover {
    background-color: #f3f3f3
}

.height-animation {
    max-height: 3000px!important
}

.normal-text {
    display: block;
    position: relative
}

.normal-text p {
    font-size: 17px!important;
    font-style: normal!important
}

.normal-text .single-box-silder-area:before {
    display: none!important
}

.media-box {
    display: inline-block;
    position: relative;
    padding: 35px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    margin-bottom: 50px
}

.media-box h3 {
    color: #1b314b;
    font-size: 18px;
    font-weight: 700;
    padding-right: 120px;
    text-align: left
}

.media-box img {
    display: block;
    position: relative;
    margin-bottom: 25px
}

.media-box a {
    position: absolute;
    bottom: 37px;
    right: 30px
}

.contact-right-big,
.contact-right-top {
    padding: 30px;
    background-color: #1b314b;
    margin-bottom: -20px
}

.contact-right-top h3.widget-title {
    color: #fff!important;
    margin-top: 0!important
}

.contact-right-top p {
    color: #9aa6ba!important;
    margin-bottom: 0!important
}

.contact-right-big h3.widget-title {
    color: #fff!important;
    font-size: 72px!important;
    font-weight: bolder!important;
    text-transform: uppercase;
    margin-top: 0!important
}

.contact-right-big p {
    color: #fff!important;
    margin-bottom: 0!important
}

.contact-right-big p strong {
    color: #9aa6ba!important
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    margin-bottom: 40px
}

.portfolio-website {
    width: 398px;
    height: 227px;
    position: relative
}

img.websiteImage {
    width: 100%;
    height: 100%
}

img.websiteLogo {
    position: absolute;
    bottom: -58px;
    left: 10px;
    width: 105px;
    height: 105px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2)
}

img.countryFlag {
    position: absolute;
    bottom: -53px;
    right: 38px;
    width: 30px;
    height: 17px
}

img.cms-image {
    position: absolute;
    bottom: -55px;
    right: 0;
    width: 25px;
    height: 22px
}

.portfolio-content {
    position: relative;
    padding-top: 90px
}

.portfolio-content h3 {
    color: #1b314b;
    font-size: 26px;
    font-weight: 400
}

.portfolio-content h4 {
    color: #007cb1;
    font-size: 14px;
    font-weight: 400
}

p.portfolio-para {
    color: #6d7788;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px!important;
    max-height: 72px;
    overflow: hidden;
    position: relative;
    transition: max-height .3s ease-in;
    -webkit-transition: max-height .3s ease-in;
    -moz-transition: max-height .3s ease-in
}

p.portfolio-para::after {
    content: '...';
    color: orange;
    font-size: 33px;
    position: absolute;
    background-color: #fff;
    z-index: 100;
    bottom: 0;
    right: 0;
    padding: 3px;
    cursor: pointer
}

.case-study-box {
    display: block;
    position: relative;
    min-height: 425px;
    margin-bottom: 120px
}

.case-study-image {
    position: absolute;
    width: 65%;
    border-radius: 15px;
    overflow: hidden
}

.case-study-image img {
    width: auto;
    height: 100%;
}

.case-study-content {
    position: absolute;
    width: 40%;
    z-index: 10;
    background-color: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    border-radius: 15px;
    top: 50%;
    transform: translatey(-50%);
    padding: 30px
}

.case-study-content h4 {
    color: #e3a020;
    font-size: 22px;
    font-weight: 400
}

.case-study-content h3 {
    color: #1b314b;
    font-size: 24px;
    font-weight: 400
}

.growth-acquisition-box {
    display: block;
    margin-bottom: 20px
}

.acquisition,
.growth {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    padding-left: 40px;
    vertical-align: top;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/03/CHECK.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
    max-width: 50%
}

.growth-acquisition-box span {
    display: block;
    color: #6d7788;
    font-size: 12px
}

.acquisition span:first-child,
.growth span:first-child {
    color: #8bae46;
    font-size: 34px;
    font-weight: 700
}

.case-details img {
    min-width: 33px
}

.case-details h3 {
    margin-bottom: 0!important
}

.case-details .icon-area {
    display: block;
    padding-top: 17px;
    padding-right: 0;
    max-width: 45px
}

.box-border {
    border: 1px solid #8593a2;
    padding: 24px;
    padding-top: 8px
}

.test-bottom h3 {
    margin-bottom: 0!important
}

.img-border img {
    border: 2px solid #f4f4f4
}

.single-testmonials {
    display: block;
    position: relative;
    margin-bottom: 40px
}

.single-testmonials-content {
    background-color: #fff;
    padding: 30px;
    margin: 30px 0;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    color: #6d7788;
    font-size: 18px;
    line-height: 26px
}

.single-testmonials-content::after {
    content: ' ';
    position: absolute;
    width: 30px;
    height: 30px;
    transform: rotate(45deg);
    box-shadow: 17px 15px 15px rgba(0, 0, 0, .1);
    background-color: #fff;
    left: 39px;
    bottom: -15px
}

.single-testmonials-author {
    display: block;
    position: relative;
    padding-left: 21px
}

.single-testmonials-author:after {
    display: block;
    clear: both
}

.single-testmonials-author h3,
.single-testmonials-author h4,
.single-testmonials-author img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0!important;
    margin-top: 4px;
    color: #fff
}

.single-testmonials-author img {
    width: 65px;
    height: 65px;
    overflow: hidden;
    border-radius: 65px;
    border: 2px solid #015376;
    float: left;
    margin-top: 0;
    margin-right: 15px;
    background-color: #fff
}

.single-testmonials-author h3 {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 700
}

.single-testmonials-author h4 {
    font-weight: 400
}

.bg-100 {
    background-position: top center!important;
    background-repeat: no-repeat!important;
    background-size: 125% 100%!important
}

.background-color {
    position: relative;
    overflow: hidden
}

.background-color div {
    position: relative;
    z-index: 10
}

.background-color::after,
.background-color::before {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 100%;
    top: 0
}

.background-color::after {
    background-image: linear-gradient(#5f308b, #361a74);
    width: 55%;
    right: -9%;
    transform: skew(18deg);
    height: 100%
}

.background-color::before {
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    width: 100%;
    left: 0
}

.background-color-2 {
    position: relative;
    overflow: hidden
}

.background-color-2 div {
    position: relative;
    z-index: 10
}

.background-color-2::after,
.background-color-2::before {
    position: absolute;
    content: ' ';
    width: 100%;
    height: 100%;
    top: 0
}

.background-color-2::after {
    background-image: linear-gradient(#305b8c, #233a56);
    width: 55%;
    left: -9%;
    transform: skew(-18deg);
    height: 100%
}

.background-color-2::before {
    background-image: linear-gradient(#d7d7d7, #d7d7d7);
    width: 100%;
    left: 0
}

.responsive-content ul {
    margin-left: 20px
}

.responsive-content ul li {
    color: #6d7788;
    font-weight: 400;
    font-size: 16px;
    line-height: normal
}

.icon-container img {
    transition: transform .3s ease-in;
    -webkit-transition: transform .3s ease-in;
    -moz-transition: transform .3s ease-in
}

.icon-container:hover img {
    transform: scale(1.1)
}

.scrollTabMenu {
    display: block;
    position: relative;
    border: 1px solid #cecece;
    border-radius: 5px;
    text-align: center;
    overflow: hidden
}

.scrollTabMenu a {
    float: left;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    padding: 18px;
    cursor: pointer;
    transition: transform .2s ease-in
}

.scrollTabMenu a:hover {
    background-color: #007cb1;
    color: #fff;
    transform: scale(1.2)
}

.scrollTabMenu::after {
    content: ' ';
    clear: both;
    display: block
}

.performance-title {
    display: block
}

.performance-title h3.widget-title {
    background-color: #1b314b;
    display: inline-block;
    padding: 18px 150px;
    color: #fff;
    position: relative;
    overflow: hidden
}

.performance-title h3.widget-title::after,
.performance-title h3.widget-title::before {
    content: ' ';
    position: absolute;
    width: 130px;
    height: 130px;
    background-color: #e8ebf2;
    top: 50%;
    transform: translatey(-50%) rotate(45deg);
    z-index: 5
}

.performance-title h3.widget-title::before {
    left: -65px
}

.performance-title h3.widget-title::after {
    right: -65px
}

.heading-2-arrow .performance-title h3.widget-title:after,
.heading-2-arrow .performance-title h3.widget-title:before {
    background-color: #96e4fe
}

.performance-box {
    display: block;
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 192px;
    overflow: hidden;
    transition: transform .4s ease-in;
    margin: 30px auto
}

.performance-box::after,
.performance-box::before {
    content: ' ';
    width: 192px;
    height: 192px;
    position: absolute;
    border-style: solid;
    border-radius: 192px;
    box-sizing: border-box
}

.performance-box::before {
    left: 0;
    top: 0;
    background-color: #fff;
    border-width: 5px
}

.performance-box::after {
    content: ' ';
    width: 176px;
    height: 176px;
    top: 8px;
    left: 8px;
    border: 0
}

.performance-box .strip-box,
.performance-box h3 {
    position: absolute;
    z-index: 20;
    text-transform: uppercase
}

.performance-box .strip-box {
    position: relative;
    width: 70px;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    padding: 8px;
    padding-bottom: 42px;
    font-size: 12px
}

.performance-box h3 {
    width: 150px;
    left: 50%;
    top: 50%;
    padding: 8px;
    transform: translate(-50%, -50%);
    font-size: 16px;
    z-index: 25
}

.strip-box::after {
    content: ' ';
    width: 80px;
    position: absolute;
    height: 80px;
    transform: translatex(-50%) rotate(45deg);
    left: 50%;
    bottom: -59px
}

.performance-box:hover::after {
    transform: scale(.98);
    box-shadow: 0 0 8px rgba(0, 0, 0, .3)
}

.footer-col .textwidget ul {
    margin: 0
}

.footer-col .textwidget ul li {
    line-height: unset
}

.slider-single-img {
    position: absolute;
    right: -5%;
    width: 60%;
    min-height: 425px;
    top: 50%;
    z-index: 12;
    background-color: #ecf7ff;
    transform: translateY(-50%)
}

.slider-single-img img {
    width: 75%
}

.client-padding {
    padding: 100px 0 200px 0
}

.margin-5 .icon-container {
    margin: -5px
}

.right-color {
    padding: 20px
}

.store-banner {
    display: block;
    position: relative;
    padding: 50px 0 0 0
}

.store-banner [class*=in-col-] {
    padding: 0 15px
}

.store-banner .in-col-7 img {
    margin-bottom: -5px;
    display: block;
    margin: 0 auto
}

.store-banner h3,
.store-banner h4,
.store-banner p {
    color: #fff
}

.store-banner p {
    font-size: 15px
}

.store-banner p.currency-option {
    font-weight: 700;
    font-size: 30px
}

p.currency-option span {
    font-size: 17px;
    vertical-align: top;
    position: relative;
    font-weight: 400;
    top: 5px;
    left: 7px
}

.description-area {
    display: block;
    padding: 50px 0
}

.description-area .in-col-6 {
    padding: 50px 15px
}

.background-gray {
    background-color: #f3f3f3;
    text-align: center
}

.background-gray img {
    max-width: 70px
}

.description-area h3 {
    color: #1b314b;
    font-size: 36px
}

.description-area h4 {
    color: #1b314b;
    font-size: 17px;
    font-weight: 400;
    margin-top: 17px
}

.Features-box {
    margin-bottom: 50px;
    background-color: #f0f6fa
}

h3.Features-box-heading {
    color: #1b314b;
    font-size: 36px;
    margin-bottom: 30px!important
}

.Features-box li {
    float: left;
    width: 33.33%;
    padding: 0 30px;
    height: 134px;
    position: relative;
    list-style: none
}

.Features-box li:nth-child(even) {
    background-color: #016692;
    color: #fff
}

.Features-box li span {
    position: absolute;
    width: 300px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 400;
    padding: 0 0 0 45px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/03/check-mark-1.svg);
    background-position: 7px 1px;
    background-repeat: no-repeat;
    background-size: 26px;
    min-height: 31px;
    color: #6d7788;
    font-size: 18px
}

.Features-box li:nth-child(even) span {
    color: #fff
}

.similar-theme {
    text-align: center
}

.similar-theme a {
    color: #1b314b;
    font-size: 20px;
    margin: 15px 0;
    display: block
}

.similar-theme a:hover {
    text-decoration: underline
}

.store-data {
    max-width: 1120px;
    margin: 0 auto
}

.store-box {
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    display: block;
    padding: 20px
}

.store-item-img {
    height: 226px;
    background-size: 100%;
    background-position: top center;
    margin-bottom: 15px
}

.store-box h3 {
    position: relative;
    padding-right: 100px;
    color: #1b314b;
    font-size: 17px
}

span.price-item {
    position: absolute;
    right: 0;
    font-size: 23px
}

.store-box h4 {
    position: relative;
    color: #6d7788;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0!important
}

.store-box a {
    margin: 15px 8px 0 0!important;
    padding: 5px 25px!important
}

.car-list strong,
.car-list ul {
    display: inline-block;
    margin-bottom: 50px;
    list-style: none;
    vertical-align: middle
}

.car-list ul li {
    display: inline-block;
    padding: 0 8px;
    vertical-align: middle
}

.car-list strong {
    padding-right: 12px
}

#cat-All {
    display: block
}

.car-list ul li {
    color: #6d7788;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    transition: transform .2s ease-in;
    font-weight: 700;
    border-right: 1px solid #6d7788
}

.car-list ul li.active,
.car-list ul li:hover {
    color: #2687b7
}

.car-list ul li::first-child:hover,
.car-list ul li:first-child {
    cursor: default;
    color: #1b314b!important
}

.cat-store {
    display: none
}

@media screen and (max-width:2560px) {
    .svg-bg {
        background-size: 100%!important;
        background-repeat: no-repeat!important;
        background-position: 0 125px!important
    }
    .svg-bg-2 {
        background-size: 100%!important;
        background-repeat: no-repeat!important;
        background-position: 0 0!important;
        padding-top: 157px !important;
        padding-bottom: 119px !important;
    }
    .slider-single-img {
        width: 60%
    }
}

@media screen and (max-width:1920px) {
    .svg-bg-2 {
        background-size: 100% !important;
        background-repeat: no-repeat!important;
        background-position: 0 0!important;
        padding-top: 249px !important;
        padding-bottom: 49px !important;
        background-position: top center !important;
    }
    .slider-single-img {
        width: 60%
    }
}

@media screen and (max-width:1600px) {
    .svg-bg {
        background-size: 132%!important;
        background-repeat: no-repeat!important;
        background-position: 0 125px!important
    }
    .slider-single-img {
        width: 60%
    }
    .svg-bg-2 {
        background-size: 119%!important;
        background-repeat: no-repeat!important;
        background-position: 0 0!important;
        padding-top: 157px !important;
        padding-bottom: 49px !important;
    }
}

@media screen and (max-width:1360px) {
    .svg-bg {
        background-size: 118%!important;
        background-repeat: no-repeat!important;
        background-position: -227px 295px!important
    }
    .svg-bg-2 {
        background-size: 135%!important;
        background-repeat: no-repeat!important;
        background-position: center top!important;
        padding-top: 157px !important;
        padding-bottom: 49px !important;
    }
    .slider-single-img {
        width: 60%
    }
    .slider-content {
        width: 40%
    }
    .homePageSlider {
        padding: 50px 0
    }
}

@media screen and (max-width:1300px) {
    .drop-down-menu-2 a {
        font-size: 14px!important;
        margin-bottom: 12px;
    }
    /*.container {
        max-width: 1100px;
    }*/
    .homePageSlider {
        max-width: 1140px;
        margin: 0 auto;
    }
    #panel-3404-4-0-1>.panel-widget-style {
        max-width: 624px !important;
        margin: 0 auto;
    }
    #panel-30-4-0-0>.panel-widget-style {
        max-width: 767px !important;
    }
    .so-widget-sow-headline-default-73c4cdf7dddb .sow-headline-container h3.sow-headline {
        font-size: 18px !important;
    }
    .list-box ul li p {
        font-size: 14px;
        line-height: 20px !important;
    }
    .list-box ul li h3,
    .list-box ul li {
        font-size: 16px;
    }
    .svg-bg {
        background-size: 118%!important;
        background-repeat: no-repeat!important;
        background-position: -227px 295px!important;
        background-color: #2584c1!important;
        background-image: none!important
    }
    .svg-bg-2 {
        background-size: 135%!important;
        background-repeat: no-repeat!important;
        background-position: center top!important;
        padding: 50px 90px !important;
        background-color: #2584c1!important;
        background-image: none!important
    }
    .svg-bg,
    .svg-bg h3,
    .svg-bg h4,
    .svg-bg p,
    .svg-bg-2,
    .svg-bg-2 h3,
    .svg-bg-2 h4,
    .svg-bg-2 p {
        color: #fff!important
    }
    .svg-bg-2 .icon-container h3 {
        color: #1b314b!important
    }
    .svg-bg-2 .icon-container p {
        color: #6d7788!important
    }
    .container {
        padding: 0 15px
    }
    .drop-down-menu {
        width: 960px;
    }
    .drop-down-menu h4,
    .drop-down-menu h4 a {
        font-size: 16px!important;
    }
    .case-study-box {
        margin-bottom: 10px;
    }
    .in-client-grid {
        width: 149px;
    }
    /*.display-inline-block {
    min-width: 33% !important;
    max-width: 33% !important;
}
	#pg-w5c7e1cb6ca376-0 .display-inline-block ,#pg-w5ca85a057e748-0 .display-inline-block,#pg-w5c7e03193a750-2 .display-inline-block,#pg-w5c7e17b2a2869-0 .display-inline-block,#pg-w5c7e212c86906-0 .display-inline-block,#pg-w5ca1f2bbd0556-0 .display-inline-block,#pg-w5c7e2872da439-0 .display-inline-block,#pg-w5ca1f47e60b1a-0 .display-inline-block ,#pg-w5c7ce37ca7cb6-0 .display-inline-block,#pg-w5cc2eea469641-0 .display-inline-block ,#panel-2965-2-0-1 .display-inline-block,#panel-3043-2-0-1 .display-inline-block,#pg-w5c99c61b6916b-0 .display-inline-block,#pg-3080-2 .display-inline-block,#pg-3080-6 .display-inline-block,#pg-2823-2 .display-inline-block,#panel-3071-2-0-1 .display-inline-block,#panel-2982-2-0-1 .display-inline-block,#pg-3017-2 .display-inline-block,#panel-3086-2-0-1 .display-inline-block,#panel-3077-2-0-1 .display-inline-block,#panel-3077-6-0-1 .display-inline-block,#panel-2943-2-0-1 .display-inline-block,#panel-3089-2-0-1 .display-inline-block,#panel-3083-2-0-1 .display-inline-block,#pgc-13-1-0 .display-inline-block,#panel-1066-1-0-1 .display-inline-block,#panel-1024-1-0-1 .display-inline-block,#pg-3323-3 .display-inline-block,#pg-w5c80c6c7e6829-0 .display-inline-block,#pl-w5c7e2cb1d38d5 .display-inline-block,#panel-2527-6-0-1 .display-inline-block,#pg-2616-6 .display-inline-block,#pl-w5c99b1f5f2ecc .display-inline-block{
		    display: block;
    width: 100%;
    min-width: 100% !important;
	}
	
	.display-inline-block .icon-container{
		min-width: 100% !important;
    max-width: 100% !important;
	}*/
    .single-news-content {
        max-width: 78%;
    }
    .single-news-share {
        width: 17%;
        margin-right: 2%;
    }
    #Live-Training,
    #Video-Tutorials,
    #Help-Desk,
    #E-mail-and-Call-Support {
        max-width: 100% !important;
        min-width: 100% !important;
        min-height: 260px;
    }
    .icon-container p {
        font-size: 15px !important;
    }
    .widget_media_image {
        text-align: center;
    }
    .section-padding-bcn {
        padding: 15px !important;
    }
    .navigation ul li {
        padding-right: 40px
    }
    .homePageSlider {
        padding: 20px 0
    }
    .slider-container {
        padding: 0 45px
    }
    .slider-content h3,
    .slider-content h3 div,
    .slider-content h3 span {
        font-size: 26px!important
    }
    .slider-single-img {
        min-height: 285px;
    }
    .slider-single-img img {
        max-width: 83%;
    }
    .drop-arrow {
        right: 25px;
    }
    .drop-down-menu h5 a {
        font-size: 13px !important;
    }
    .dot {
        cursor: pointer;
        height: 20px;
        width: 20px;
        margin: 11px 3px;
        margin-bottom: 0px;
    }
    #pg-w5cb82ee0e080e-1>.panel-row-style {
        padding: 60px 0 0 !important;
    }
    .menu-all-in-one-container ul li a,
    .menu-print-commerce-tab-container ul li a {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 200px;
    }
    .so-widget-sow-button-flat-847ad2636669 .ow-button-base a {
        font-size: 14px;
    }
    #panel-w5cb82ee0e080e-0-0-0>.panel-widget-style {
        padding: 0 0px 0 0 !important;
    }
    .big-heading h3 {
        font-size: 30px!important;
        color: #1b314b;
        font-weight: 800;
    }
    #pg-w5cc83784bc76b-1>.panel-row-style {
        padding: 20px 0 0 !important;
    }
    #pg-w5cc837b053631-1>.panel-row-style {
        padding: 50px 0 0;
    }
    #pg-w5cc837b053631-1>.panel-row-style,
    #pg-w5cc837b053631-1>.panel-row-style,
    #pg-w5cc837d35a853-1>.panel-row-style {
        padding: 40px 0 0 !important;
    }
    .left-icon-box {
        text-align: center;
    }
    .icon-left-img {
        margin-bottom: 15px;
    }
    #pg-992-1 .icon-heading h3 {
        max-width: 200px;
        text-align: left;
    }
    .bg-100 {
        background-image: none!important;
        background-color: #2584c1!important;
        margin-top: 30px !important;
        margin-bottom: -60px;
    }
    .portfolio-website {
        width: 100%;
    }
    .white-list li {
        font-size: 16px;
        font-weight: 400;
        padding: 4px 25px;
        margin-bottom: 14px;
        background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/02/check.svg);
        background-position: 0px 7px;
        background-repeat: no-repeat;
        background-size: 19px;
    }
    p {
        font-size: 20px;
    }
    .in-client-grid {
        padding: 0px;
    }
    .grid-box .display-inline-block,
    #pgc-w5cb6f0767ad26-0-0 .display-inline-block,
    #pgc-w5c7e03b83ed65-0-0 .display-inline-block {
        max-width: 350px;
        min-width: 350px;
        margin: -1px 0;
    }
    #pgc-w5cb6fa4cad6e6-0-0 .display-inline-block {
        max-width: 280px;
        min-width: 280px;
        margin: 0px 13px;
        min-height: 322px !important;
    }
    #pgc-w5cb6fa4cad6e6-0-0 .display-inline-block .icon-container {
        min-height: 322px !important;
    }
    .icon-container {
        display: inline-block;
        background-color: #fff;
        min-width: 100% !important;
    }
    #pgc-2982-0-0 {
        width: 100% !important;
    }
    #pgc-2982-0-1 {
        display: none;
    }
    h3.sow-headline {
        font-size: 32px!important;
        line-height: initial!important;
    }
    .slide-show h3 {
        color: #1b314b;
        font-size: 32px;
        font-weight: 700;
    }
    .slide-show h4 {
        color: #1b314b;
        font-size: 24px;
        font-weight: 400;
    }
    .so-widget-sow-headline-default-7b10a61b21ab .sow-headline-container p.sow-headline {
        text-align: center;
        color: #1b314b;
        line-height: 1.4em;
        font-size: 20px !important;
    }
    .so-widget-sow-headline-default-cbf53c5ba111 .sow-headline-container h3.sow-sub-headline {
        text-align: center;
        color: #fff;
        line-height: 1.4em;
        font-size: 26px !important;
    }
    .white-list-2 li {
        font-size: 20px;
        font-weight: 400;
        padding: 4px 0 4px 24px;
        margin-bottom: 13px;
        background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/04/check-mark-2.svg);
        background-position: 0 9px;
        background-repeat: no-repeat;
        background-size: 19px;
        color: #fff;
    }
    .white-list-2 ul {
        padding: 14px 20px 20px 20px;
    }
    .so-widget-sow-headline-default-bc8677928464 .sow-headline-container h3.sow-headline {
        margin-bottom: 15px !important;
    }
    .img-zoom h3.sow-headline {
        font-size: 26px!important;
        line-height: initial!important;
    }
    h3.sow-sub-headline {
        font-size: 18px !important;
    }
    h3 br {
        display: none;
    }
    .testimonials-slide {
        position: relative;
        float: left;
        opacity: .2;
        transition: all .2s ease-in;
        padding: 0px 20px;
    }
    #pg-3074-6>.panel-row-style,
    #pg-3297-6>.panel-row-style,
    #pg-3242-8>.panel-row-style {
        padding: 20px 50px 50px !important;
    }
    .panel-row-style-for-w5cc1893a8af38-2 {
        display: flex !important;
    }
    .panel-row-style-for-w5cc1893a8af38-3 {
        display: none !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
        width: 980px !important;
    }
    #mega-menu-wrap-primary h3.sow-headline {
        font-size: 16px!important;
        line-height: initial!important;
        margin-bottom: 8px !important;
    }
    .mega-sub-menu,
    .mega-sub-menu li,
    .mega-sub-menu li a {
        background: #fff !important;
        font-size: 15px !important;
        height: initial !important;
    }
    .mega-sub-menu li a:before {
        content: "\f054" !important;
        font-family: FontAwesome !important;
        position: absolute;
        left: 0;
        font-size: 11px;
        top: 2px;
    }
    .show-mobile-row .theme-sidebar-2:nth-child(2) {
        display: block !important;
    }
}

@media screen and (max-width:1220px) {}

@media screen and (max-width:1050) {
    .navigation ul li {
        padding-right: 25px
    }
    .bg-right-bottom {
        background-image: none!important
    }
    .bg-right-top {
        background-image: none!important
    }
    .svg-bg-2 {
        padding: 50px 15px !important;
    }
    #pg-30-1>.panel-row-style {
        padding: 50px 15px !important;
    }
    .drop-arrow {
        right: 18px;
        top: 13px;
        z-index: 10
    }
    p {
        font-size: 16px;
        line-height: 24px !important;
    }
    a.btn-blue,
    a.btn-orange,
    button.btn-blue,
    button.btn-orange,
    input.btn-blue,
    input.btn-orange {
        padding: 5px 18px;
        font-size: 14px
    }
    .menu-buttons {
        max-width: 100%;
        margin-top: 0
    }
    .panel-grid-cell .widget-title {
        margin-top: 15px;
        font-size: 24px!important
    }
    .icon-heading h3,
    .icon-left-img {
        display: block;
        text-align: center;
        margin: 10px auto
    }
    .svg-bg {
        background-size: 197%!important;
        background-repeat: no-repeat!important;
        background-position: -1177px 295px!important
    }
    .client-big {
        top: 0;
        left: -15px
    }
    #pg-30-4>.panel-row-style {
        padding: 102px 40px 100px 40px!important
    }
    #pg-w5ca1c0fcd1c2e-1>.panel-row-style {
        padding: 60px 0 0!important
    }
    .section-padding-bcn {
        padding: 15px 15px!important
    }
    .svg-bg {
        background-size: 197%!important;
        background-repeat: no-repeat!important;
        background-position: -907px 295px!important
    }
    .svg-bg-2 {
        background-size: 195%!important;
        background-repeat: no-repeat!important;
        background-position: center top!important;
        padding: 157px 0 49px 0!important
    }
    .store-data {
        max-width: 1050px;
        width: auto;
        margin: 0 auto
    }
    .car-list strong,
    .car-list ul {
        display: inline-block;
        margin-bottom: 10px;
        list-style: none;
        vertical-align: middle
    }
    .case-study-content,
    .case-study-image {
        position: relative;
        width: 100%
    }
    .case-study-content {
        top: 0;
        transform: translatey(0)
    }
    .bg-100 {
        background-image: none!important;
        background-color: #2584c1!important
    }
}

@media screen and (max-width:980px) {
    #mega-menu-wrap-primary #mega-menu-primary li.mega-menu-megamenu>ul.mega-sub-menu>li.mega-menu-row .mega-menu-column>ul.mega-sub-menu>li.mega-menu-item {
        padding: 0 !important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle {
        background: none !important;
    }
    .header-top.sticky2 [class*=col-] {
        width: 50%;
        padding: 0;
        background: #fff;
    }
    .header-top {
        z-index: inherit;
    }
    .mobile-menu-loop {
        width: 56px;
    }
    .mega-menu-primary-mobile-open .mobile-menu-loop {
        width: 100%;
    }
    mega-menu-primary-mobile-open .header-top.sticky2 .in-col-4.logo-mobile {
        z-index: 99
    }
    .header-top.sticky2 .in-col-4.logo-mobile {
        position: absolute;
        top: -10x;
        left: 0;
        width: 100% !important;
        margin: auto;
        right: 0;
        padding: 9px 0 6px;
    }
    .header-top.sticky2 .in-col-4.phone-mobile {
        top: 26px;
    }
    .mobile-menu-loop {
        position: fixed;
        top: 0;
        left: 0px;
        overflow: auto;
        height: 60px
    }
    .mega-sub-menu,
    .mega-sub-menu li,
    .mega-sub-menu li a {
        list-style: none;
    }
    .mega-menu-primary-mobile-open .mobile-menu-loop {
        height: 100%;
        padding-bottom: 50px;
        /* background-color: #fff; */
    }
    #mega-menu-wrap-primary .mega-menu-toggle {
        padding-top: 58px;
    }
    .mega-toggle-blocks-left {
        position: fixed;
        z-index: 200;
        top: 0;
        width: 56px;
        height: 60px;
    }
    .mobile-menu-loop:after {
        content: "";
        background: #0a658c;
        position: absolute;
        top: 0;
        left: 0;
        width: 56px;
        height: 58px;
    }
    .mobile-menu-loop h3.sow-headline {
        font-size: 18px!important;
    }
    .header-top.sticky2 .in-col-4.logo-mobile {}
    .mega-sub-menu {
        box-shadow: 0px 0px 4px rgba(0, 0, 0, .3) !important;
    }
    .mega-sub-menu li h3 a {
        font-size: 16px !important;
        padding-top: 15px;
    }
    #pg-w5cdcfbb7308fa-0>.panel-row-style {
        padding: 0px !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
        width: 100% !important;
    }
    .phone-number {
        display: none
    }
    #pgc-w5cbd600d51e34-0-0,
    #pgc-w5cbd600d51e34-0-1,
    #pgc-w5cbd600d51e34-0-2,
    #pgc-w5c99b2a65cffc-0-0,
    #pgc-w5c99b2a65cffc-0-1,
    #pgc-w5c99b2a65cffc-0-2,
    #pgc-w5c99af9e4697d-0-0,
    #pgc-w5c99af9e4697d-0-1,
    #pgc-w5c99af9e4697d-0-2 {
        width: 33.33% !important
    }
    #pg-w5cbd600d51e34-0 .icon-content-box [class*=in-col],
    #pg-w5c99b2a65cffc-0 .icon-content-box [class*=in-col],
    #pg-w5c99af9e4697d-0 .icon-content-box [class*=in-col] {
        width: 100%;
    }
    #pg-w5cbd600d51e34-0 p,
    #pg-w5cbd600d51e34-0 h3,
    #pg-w5c99b2a65cffc-0 p,
    #pg-w5c99b2a65cffc-0 h3,
    #pg-w5c99af9e4697d-0 p,
    #pg-w5c99af9e4697d-0 h3 {
        text-align: center !important;
    }
    #pgc-w5cbd600d51e34-0-3,
    #pgc-w5c99b2a65cffc-0-3,
    #pgc-w5c99af9e4697d-0-3 {
        display: none !important;
    }
    .case-details .icon-area {
        display: block;
        padding-top: 15px;
        padding-right: 15px;
        max-width: 100%;
        margin: 0 auto;
    }
    .case-details .navigation ul li {
        padding-right: 30px;
    }
    .drop-arrow {
        right: 16px;
    }
    .mobile-menu ul li a {
        margin-right: 50px;
    }
    #pg-2712-3 {
        margin-bottom: 0!important
    }
    #pg-30-1>.panel-row-style {
        padding-top: 50px !important;
    }
    .menu-area {
        display: none !important;
    }
    .header-top [class*=col-] {
        width: 100% !important;
        text-align: center;
    }
    .mobil-button,
    .in-col-8.phone-mobile {
        position: absolute;
        width: auto!important;
        min-width: 41px
    }
    .phone-mobile {
        right: 15px;
        top: -2px
    }
    .mobil-button {
        left: 0;
        top: 18px;
        position: fixed;
        z-index: 999;
    }
    .drop-down-menu {
        display: none;
        position: relative;
        width: 100%;
        background-color: #fff;
        left: 0;
        z-index: 0;
        opacity: 1;
        margin-top: 0;
        box-shadow: none;
        transition: opacity .5s ease, margin-top .5s ease;
        -webkit-transition: opacity .5s ease, margin-top .5s ease
    }
    .drop-down-menu-2 {
        display: none;
        position: relative;
        background-color: #fff;
        z-index: 1;
        width: 100%;
        opacity: 1;
        margin-top: 0;
        box-shadow: none;
        transition: opacity .5s ease, margin-top .5s ease;
        -webkit-transition: opacity .5s ease, margin-top .5s ease
    }
    .mobile-menu ul li.active .drop-down-menu,
    .mobile-menu ul li.active .drop-down-menu-2 {
        display: block!important
    }
    .menu-buttons {
        max-width: 100%;
        margin-top: 20px
    }
    .mobile-menu ul li a {
        border-bottom: 0px !important;
    }
    .drop-down-menu h4,
    .drop-down-menu h4 a {
        font-size: 16px!important;
        color: #007cb1!important;
        font-weight: 700!important;
        text-decoration: none!important;
        margin-bottom: 0px !important;
    }
    .h4-border h4 {
        border-bottom: 0px solid #d9d9d9 !important;
    }
    .mobile-menu ul li div a {
        margin-right: 0px !important;
    }
    .drop-down-menu h4 a {
        padding-left: 0 !important;
    }
    .drop-down-menu-2 [class*=in-col-] {
        padding: 0px;
    }
    .border-right {
        border-right: 1px solid #d9d9d9;
        min-height: auto
    }
    .drop-down-menu [class*=in-col-] {
        padding: 0;
        width: 100%;
    }
    .menu-toggle-icon {
        margin: -6px 0 0 10px
    }
    .drop-down-menu h5 a,
    .drop-down-menu-2 a {
        font-size: 14px!important;
    }
    .sticky2 {
        position: fixed!important;
        top: 0;
        width: 100%!important;
        z-index: 500!important;
        background-color: #fff!important;
        box-shadow: 0 0 15px rgba(0, 0, 0, .5)!important;
        margin-top: 0!important
    }
    .header-top {
        padding-bottom: 15px
    }
    .dott-container {
        position: relative;
        bottom: 0;
        padding: 15px 40px!important;
        top: 15px
    }
    .sticky2+.in-content {
        padding-top: 80px;
        display: block
    }
    .menu-toggle-icon,
    .phone-number p {
        display: inline-block
    }
    .phone-number {
        top: -3px
    }
    .phone-number p {
        font-size: 14px;
        margin-bottom: 0!important
    }
    .svg-bg {
        background-size: 427%!important;
        background-repeat: no-repeat!important;
        background-position: -1470px 295px!important
    }
    .slider-single-img {
        position: relative;
        right: 0;
        width: 100%;
        background-color: transparent;
        min-height: auto;
        top: 0;
        z-index: 12;
        transform: translateY(0)
    }
    .slider-single-img img {
        max-width: 100%;
        width: 100%;
    }
    .slider-content {
        width: 100%
    }
    .next,
    .prev {
        top: 18%
    }
    .video-content h3 {
        margin-top: 20px!important
    }
    .icon-container {
        max-width: 100%!important;
        max-height: 100%!important;
        min-width: initial!important;
        min-height: initial!important;
        margin-bottom: 30px!important;
        display: block;
    }
    .svg-bg-2 {
        background-size: 1335%!important;
        background-repeat: no-repeat!important;
        background-position: lef top!important;
        padding: 30px 15px!important;
        background-image: none!important;
        background-color: #007cb1
    }
    .video-cover-container {
        margin: 0px;
    }
    #pg-w5cc99aaf070bf-0>.panel-row-style {
        padding: 0px !important;
    }
    .rounded {
        max-width: 50%;
        margin: 0 auto
    }
    .icon-area .text-left {
        text-align: center
    }
    #pgc-w5c9dc72e02910-1-0 {
        text-align: center
    }
    #panel-3043-3-0-1 .responsive-content ul,
    #pgc-w5ca5df25724e5-0-0 .responsive-content ul,
    #pgc-w5ca5ea26511ee-0-0 .responsive-content ul,
    #pgc-w5ca6dba08c082-0-0 .responsive-content ul,
    #pgc-w5ca6dec841338-0-0 .responsive-content ul,
    #pgc-w5ca6e15e6b5b1-0-0 .responsive-content ul,
    #pgc-w5ca6e355b67e0-0-0 .responsive-content ul,
    #pgc-w5ca6e536d8e3a-0-0 .responsive-content ul,
    #pgc-w5ca6e7c2324fd-0-0 .responsive-content ul,
    #pgc-w5ca6e92fcbaf5-0-0 .responsive-content ul,
    #pgc-w5ca6ebacc4b48-0-0 .responsive-content ul,
    #pgc-w5ca6ed6286306-0-0 .responsive-content ul,
    #pgc-w5ca6f0d2a3c09-0-0 .responsive-content ul,
    #pl-w5ca5e5cfc5686 .responsive-content ul {
        margin-left: 20px
    }
    .bg-right-top-2 {
        background-image: none!important
    }
    .so-widget-sow-button {
        margin: 15px 0
    }
    .shadow-box {
        margin: 17px
    }
    .tab-blog {
        display: block;
        position: relative;
        height: auto!important;
        max-width: 520px;
        margin: 20px;
        margin-top: 0
    }
    .section-padding {
        padding: 50px 0
    }
    .section-padding-top {
        padding-top: 50px
    }
    .home-client img {
        display: block;
        max-width: 250px;
        margin: 20px auto
    }
    .footer-col {
        display: inline-block;
        max-width: 100%;
        min-width: 100%;
        vertical-align: top;
        box-sizing: border-box;
        padding: 15px
    }
    .mobile-center {
        text-align: center
    }
    .header-top img {
        max-width: 165px;
        position: relative;
        top: 7px
    }
    .image {
        margin: 15px auto;
        display: block
    }
    .in-tabcontent.active h1.sow-headline {
        font-size: 20px!important;
        position: relative;
        top: 18px
    }
    .tabmenu-list-1 ul li a {
        font-size: 16px;
        padding: 13px 0
    }
    .menu-all-in-one-container,
    .menu-print-commerce-tab-container {
        display: none
    }
    .tabmenu-list-1 ul li {
        width: 33%
    }
    h1.sow-headline,
    h3.sow-headline,
    h2.sow-headline,
    h1 {
        font-size: 24px!important;
        line-height: initial!important;
        text-transform: capitalize;
    }
    #pl-w5ca72263260e1 h3.sow-headline {
        font-size: 18px!important;
        line-height: initial!important
    }
    h3.sow-headline br {
        display: none
    }
    .sow-sub-headline {
        font-size: 20px !important;
    }
    #pg-3074-6>.panel-row-style,
    #pg-3297-6>.panel-row-style,
    #pg-3242-8>.panel-row-style {
        padding: 20px 50px 50px 50px !important;
    }
    #pl-w5ca6ed628629e .icon-container p {
        text-align: center;
    }
    #pgc-3242-0-0,
    #pgc-2965-0-0,
    #pgc-3043-0-0,
    #pgc-3080-0-0,
    #pgc-2823-0-0,
    #pgc-3071-0-0,
    #pgc-2982-0-0,
    #pgc-3017-0-0,
    #pgc-3086-0-0,
    #pgc-3077-0-0,
    #pgc-2943-0-0,
    #pgc-3089-0-0,
    #pgc-3083-0-0,
    #pgc-3297-0-0,
    #pgc-3074-0-0 {
        width: 100% !important;
    }
    #pgc-2965-0-1,
    #pgc-3242-0-1,
    #pgc-3043-0-1,
    #pgc-3080-0-1,
    #pgc-2823-0-1,
    #pgc-3071-0-1,
    #pgc-2982-0-1,
    #pgc-3017-0-1,
    #pgc-3086-0-1,
    #pgc-3077-0-1,
    #pgc-2943-0-1,
    #pgc-3089-0-1,
    #pgc-3083-0-1,
    #pgc-3297-0-1,
    #pgc-3074-0-1 {
        width: 0px !important;
    }
    .bg-right-bottom h3.sow-headline {
        font-size: 32px!important;
        line-height: initial!important
    }
    .bg-right-bottom {
        background-image: none!important
    }
    .ow-button-base.ow-button-align-right,
    .text-right {
        text-align: left!important
    }
    .in-tab-full .text-right,
    .ow-button-base.ow-button-align-right {
        text-align: right!important
    }
    .responsive-content h3 {
        font-size: 20px;
        color: #1b314b
    }
    .responsive-content ul {
        margin-left: 20px
    }
    .responsive-content,
    .responsive-image {
        width: 100%;
        padding: 15px 0
    }
    #pg-30-4>.panel-row-style {
        padding: 92px 40px 40px!important
    }
    .slider-full {
        padding: 0 15px;
        z-index: 10;
        background-color: #fff
    }
    .half-gray-bottom {
        position: relative;
        padding: 0!important
    }
    .arror-area {
        position: relative;
        z-index: 10;
        background-color: #fff;
        display: block;
        padding: 1px 15px;
        margin: 0 -15px -13px -15px
    }
    .slide-img-full {
        display: block;
        position: relative;
        left: 0;
        z-index: 13;
        transition: left .5s ease-in-out
    }
    .slide-show h3 {
        color: #1b314b;
        font-size: 27px;
        font-weight: 700
    }
    .slide-show h4 {
        color: #1b314b;
        font-size: 19px;
        font-weight: 400
    }
    .section-padding-bottom {
        padding-bottom: 30px
    }
    .section-padding-top {
        padding-top: 30px
    }
    .section-padding {
        padding: 30px 0
    }
    .grid-box .display-inline-block {
        max-width: 100%;
        min-width: 100%;
        margin: 0
    }
    .testimonials-slide {
        position: relative;
        float: left;
        opacity: .2;
        transition: all .2s ease-in;
        padding: 0 30px
    }
    .testimonials-slider-arrow span {
        display: block;
        padding: 0;
        font-size: 50px;
        position: absolute
    }
    .left-testmonials {
        left: 50px;
        bottom: 8px
    }
    .testimonials-slider-arrow {
        width: 100%;
    }
    .right-testmonials {
        right: 50px;
        bottom: 8px
    }
    .testimonials-user-details h3 {
        color: #000;
        font-size: 12px;
        max-width: 48%;
        margin: 0 auto
    }
    #blank-2,
    #trade-box-11,
    #trade-box-12 {
        display: none
    }
    .bg-right-top {
        background-image: none!important
    }
    .grid-box-2 .display-inline-block {
        width: 100%;
        margin: 0
    }
    .hover-heading a {
        top: 0;
        position: relative;
        padding: 10px 0;
        display: block;
        margin: 0 auto
    }
    .blog-content-all-f,
    .blog-img-f {
        display: block;
        vertical-align: middle;
        width: 100%!important
    }
    .blog-first {
        display: block;
        margin: 0;
        margin-top: 0
    }
    .blog-content-all-f {
        width: 32%;
        padding: 10px 0
    }
    .blog-box {
        float: left;
        width: 100%;
        padding: 15px 0
    }
    .blog-container {
        margin: 0;
        min-height: initial
    }
    .custom-input.active label {
        padding-left: 15px
    }
    .Personalized-Demo .in-col-12 label {
        max-width: 100%
    }
    .responsive-box {
        display: grid;
        grid-template-columns: auto
    }
    .responsive-box .responsive-image {
        grid-row-start: 1;
        margin-top: 30px !important;
    }
    .siteorigin-widget-tinymce {
        overflow: auto
    }
    .icon-container h3 {
        font-size: 22px !important;
    }
    .performance-title h3.widget-title {
        background-color: #1b314b;
        display: inline-block;
        padding: 10px 100px;
        color: #fff;
        position: relative;
        overflow: hidden
    }
    .portfolio-website {
        width: 100%;
        height: 227px;
        position: relative
    }
    .single-box-silder-area,
    .single-box-slider-content {
        position: relative;
        width: 100%;
        padding: 15px
    }
    .single-box-silder-container {
        height: 297px;
        border: 8px solid #fff;
        margin: 75px auto;
        box-shadow: 0 0 15px rgba(0, 0, 0, .2);
        position: relative;
        z-index: 20;
        overflow: hidden
    }
    .single-box-slider-content {
        top: 0;
        transform: translatey(0)
    }
    .flip-card {
        background-color: transparent;
        width: 340px;
        height: 516px;
        perspective: 1000px;
        margin: 15px auto
    }
    .single-box-silder-area:before {
        display: none
    }
    .single-box-slider-content h3 {
        color: #1b314b;
        font-size: 24px;
        font-weight: 700
    }
    .apply-head {
        display: block
    }
    .apply-head div {
        width: 100%;
        text-align: left;
        padding-right: 0;
        margin-bottom: 10px
    }
    .apply-row ul {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
    .apply-body {
        max-height: inherit!important;
        overflow: hidden;
        transition: max-height .3s ease-in;
        -webkit-transition: max-height .3s ease-in;
        -moz-transition: max-height .3s ease-in
    }
    .apply-body {
        max-height: initial!important;
        overflow: hidden;
        transition: max-height .3s ease-in;
        -webkit-transition: max-height .3s ease-in;
        -moz-transition: max-height .3s ease-in
    }
    .apply-body ul li {
        padding-right: 0;
        margin-bottom: 8px
    }
    #pl-2409 .panel-grid-cell {
        padding: 0;
        margin-top: 20px!important
    }
    #panel-2409-0-0-0>.panel-widget-style,
    #pg-2409-1>.panel-row-style,
    #pg-2409-2>.panel-row-style {
        padding: 0!important
    }
    .news-button-area,
    .news-content-area,
    .news-date-area {
        display: block!important;
        position: relative;
        width: 100%!important
    }
    .news-content-area h3,
    .news-content-area h3 a {
        font-size: 23px;
        font-weight: 700;
        color: #1b314b;
        position: relative;
        display: block
    }
    .pagination a,
    .pagination span {
        padding: 3px 5px 4px
    }
    .all-news:hover {
        background-color: #fff
    }
    .all-news {
        display: block;
        position: relative;
        padding: 15px 0 20px 0;
        background-color: #fff;
        border-bottom: 0 solid #d9dbdd
    }
    .all-news:hover .news-date-area p span {
        background-color: #fff!important
    }
    .last-section-padding {
        padding: 20px 0 107px
    }
    .video-pup {
        width: 90%
    }
    .webinars {
        min-height: auto;
        padding: 20px
    }
    .tab-blog-img {
        width: 100%;
        height: 268px;
        position: relative;
        left: 0;
        top: 0;
        border-radius: 8px;
        overflow: hidden;
        background-size: cover;
        background-position: center
    }
    .case-studies .tab-blog {
        max-width: 100%;
    }
    .tab-blog {
        display: block;
        position: relative;
        height: auto;
        max-width: 100%;
        margin: 20px;
        margin-top: 0
    }
    .tab-blog-content {
        width: 100% !important;
        height: 100% !important;
        position: relative;
        right: 0;
        top: 0;
        transform: translateY(0);
        box-shadow: 0 0 10px rgba(0, 0, 0, .5);
        background-color: #fff;
        padding: 20px;
        border-radius: 8px
    }
    .newsletter input::-webkit-input-placeholder {
        color: #348cb1;
        font-weight: 700;
        font-size: 20px;
        font-family: Muli, sans-serif
    }
    .newsletter input::-moz-placeholder {
        color: #348cb1;
        font-weight: 700;
        font-size: 20px;
        font-family: Muli, sans-serif
    }
    .newsletter input:-ms-input-placeholder {
        color: #348cb1;
        font-weight: 700;
        font-size: 20px;
        font-family: Muli, sans-serif
    }
    .newsletter input:-moz-placeholder {
        color: #348cb1;
        font-weight: 700;
        font-size: 20px;
        font-family: Muli, sans-serif
    }
    .newsletter input {
        font-size: 20px
    }
    input.newsletter-submit {
        font-size: 0!important;
        bottom: 33px
    }
    .princing-box div.princing-box-left {
        margin-bottom: 30px
    }
    .testimonials-slide.scale {
        transform: scale(1);
        opacity: 1;
        z-index: 2
    }
    .testimonials-content-cover {
        max-height: 250px
    }
    .so-widget-sow-headline-default-2af2377bd226 .sow-headline-container h3.sow-sub-headline,
    .so-widget-sow-headline-default-dd5e81d3b8be .sow-headline-container h3.sow-sub-headline {
        font-size: 19px!important;
        font-weight: 400
    }
    .tab-video {
        min-height: 550px;
        position: relative
    }
    .apply-head a {
        text-decoration: none;
        margin-top: 15px
    }
    .news-date-area p {
        text-align: left
    }
    .news-date-area p span {
        background-color: #fff;
        position: relative;
        z-index: 1;
        padding-left: 0;
        padding-right: 10px
    }
    .news-content-area {
        padding: 0 0
    }
    .so-widget-sow-headline-default-013439ee9828 .sow-headline-container h3.sow-sub-headline {
        text-align: left;
        color: #1b314b;
        line-height: 1.4em;
        font-size: 20px
    }
    #panel-1419-0-0-0>.panel-widget-style {
        padding: 0
    }
    .imageSlideCover {
        display: block;
        overflow: hidden;
        position: relative;
        width: 100%!important
    }
    .slider-content p {
        font-size: 17px
    }
    #pg-w5cc83784bc76b-1>.panel-row-style {
        padding: 40px 0 0;
    }
    .video-cover {
        min-height: 400px !important;
    }
    .hight-light-box h3 {
        font-size: 22px !important;
    }
    .princing-box div {
        width: 298px;
    }
    .icon-container h3 {
        font-size: 18px !important;
    }
    #Video-Tutorials img,
    #Live-Training img,
    #Help-Desk img,
    #E-mail-and-Call-Support img,
    #box-1-3 img,
    #box-1-2 img,
    #box-1-3 img,
    #box-1-4 img {
        width: 50px;
    }
    #Video-Tutorials h3,
    #Live-Training,
    #Help-Desk h3,
    #E-mail-and-Call-Support h3 {
        font-size: 18px !important;
    }
    #Video-Tutorials,
    #Live-Training,
    #Help-Desk,
    #E-mail-and-Call-Support,
    #box-1-3,
    #box-1-2,
    #box-1-3,
    #box-1-4 {
        min-height: 200px !important;
    }
    #panel-4025-3-0-0>.panel-widget-style,
    #panel-4025-5-0-0>.panel-widget-style {
        padding-bottom: 15px !important;
    }
    .white-list-2 li {
        font-size: 14px !important;
        padding: 2px 0 4px 20px !important;
        margin-bottom: 10px !important;
        background-position: 0 9px !important;
        background-size: 13px !important;
    }
    #pg-w5cc825fb13f41-0 {
        padding-bottom: 30px !important;
    }
    #pg-w5cc825fb13f41-0 div {
        display: block !important;
        width: 100% !important;
    }
    #modules-9 {
        display: none !important;
    }
    #pgc-w5cc833cfc9545-0-0 {
        margin-bottom: -20px;
    }
    #panel-709-2-0-1 h3.sow-headline {
        font-size: 14px!important;
    }
    #pg-w5cb6fa4cad6e6-0 img {
        width: 100%;
    }
    .store-item-img {
        min-height: 156px;
        height: auto;
        background-size: 100%;
        background-position: top center;
        margin-bottom: 15px;
        background-repeat: no-repeat;
    }
    .store-box h4 {
        position: relative;
        color: #6d7788;
        font-size: 13px;
        font-weight: 400;
        margin-bottom: 0!important;
    }
    span.price-item {
        position: absolute;
        right: 0;
        font-size: 20px;
    }
    .store-box h3 {
        position: relative;
        padding-right: 20px;
        color: #1b314b;
        font-size: 16px;
    }
    .icon-area img {
        display: inline-block;
        min-width: 37px;
        max-width: 75px;
    }
    #pg-w5c7e4b41bd542-0 .icon-area img,
    #pgc-w5c7fca88c00cb-0-0 .icon-area img,
    #pl-w5ccc38e41d8bb .icon-area img,
    #pl-w5c7f631011087 .icon-area img {
        display: inline-block;
        min-width: auto;
        max-width: 100%;
    }
    .performance-box {
        display: block;
        width: 192px;
        height: 192px;
        position: relative;
        border-radius: 192px;
        overflow: hidden;
        transition: transform .4s ease-in;
        margin: 9px auto;
        transform: scale(.8);
        left: -20px;
    }
    #pg-w5cc6fdd355133-0 .ow-icon-placement-left,
    #pg-w5cc6fdd355133-0 .ow-button-base.ow-button-align-left {
        text-align: center;
    }
    .case-study-content h3 {
        color: #1b314b;
        font-size: 22px;
        font-weight: 400;
    }
    .acquisition span:first-child,
    .growth span:first-child {
        color: #8bae46;
        font-size: 20px;
        font-weight: 700;
    }
    .acquisition,
    .growth {
        display: inline-block;
        position: relative;
        padding-right: 8px;
        padding-left: 27px;
        vertical-align: top;
        background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/03/CHECK.png);
        background-repeat: no-repeat;
        background-position: 0 8px;
        max-width: 50%;
        background-size: 20px;
    }
    .case-study-box {
        display: block;
        position: relative;
        min-height: 265px;
        margin-bottom: 90px;
    }
    .flip-card {
        width: 210px;
        height: 317px;
    }
    .flip-card-front h3 {
        position: absolute;
        top: 13px;
        left: 30px;
        color: #1b314b;
        font-size: 18px;
        font-weight: 300;
    }
    .flip-card-front h3:nth-child(2) {
        top: 36px;
    }
    .flip-card-front p {
        position: absolute;
        top: 62px;
        left: 70px;
        color: #b9b9b9;
        font-size: 14px;
        font-weight: 300;
        text-align: left;
        text-transform: uppercase;
    }
    .flip-card-back h3 {
        color: #1b314b;
        font-size: 22px;
        font-weight: 300;
        margin-bottom: 0px !important;
    }
    .flip-card-back {
        padding: 12px;
    }
    .flip-card-back p {
        color: #fff;
        font-size: 10px;
        font-weight: 300;
        text-transform: uppercase;
    }
    .flip-card-back p {
        color: #fff;
        font-size: 10px;
        font-weight: 300;
        text-transform: uppercase;
        margin-bottom: 2px !important;
    }
    .flip-card-back h4 {
        color: #fff;
        font-size: 17px;
        font-weight: 300;
        margin-bottom: 3px !important;
    }
}

@media only screen and (max-width:760px) {
    .case-study-image,
    .case-study-content {
        position: relative;
        width: 100%;
        border-radius: 0px;
        transform: none;
        -webkit-transform: none;
    }
    .hight-light-box .video-cover-container {
        bottom: -40px;
        transition: margin-bottom .5s ease-in-out;
        padding: 0;
        margin-bottom: 58px;
    }
    .hight-light-box ul {
        margin: 0;
        padding: 0;
        list-style: none;
        max-height: initial;
    }
    .mobileh {
        padding: 10px;
        display: block;
    }
    #pgc-w5cbd600d51e34-0-0,
    #pgc-w5cbd600d51e34-0-1,
    #pgc-w5cbd600d51e34-0-2,
    #pgc-w5c99b2a65cffc-0-0,
    #pgc-w5c99b2a65cffc-0-1,
    #pgc-w5c99b2a65cffc-0-2,
    #pgc-w5c99af9e4697d-0-0,
    #pgc-w5c99af9e4697d-0-1,
    #pgc-w5c99af9e4697d-0-2 {
        width: 100% !important;
    }
    .video-tab-full li,
    .video-tab-full ul {
        display: inline-block;
        vertical-align: top;
    }
    .video-tab-full li img {
        width: 60px;
        height: 60px;
    }
    .video-tab-full h6 {
        max-width: 60px;
        margin: 6px;
    }
    .single-box-silder-area {
        height: 330px;
        overflow: hidden;
    }
    .single-box-silder-container {
        width: 320px;
        height: 207px;
    }
    .single-box-silder-container ul {
        width: 320px;
        height: 230px;
        overflow: hidden;
        position: relative;
    }
    .tab-video {
        min-height: 230px;
        position: relative
    }
    #pgc-w5cbd556a6851f-0-0 h3,
    #pgc-w5cbd556a6851f-0-2 h3 {
        text-align: center!important
    }
    #pl-w5c9b4f9648b52 div,
    #pl-w5c9b4f9648b52 h3,
    #pl-w5ca70a9082949 h3 {
        text-align: center!important
    }
    #panel-3479-3-0-1 .ow-button-base.ow-button-align-left,
    #pg-w5ca4497be17d8-1,
    #pg-w5ca4497be17d8-2,
    #pl-w5c98b5cc8b492 .ow-button-base.ow-button-align-left {
        text-align: center!important
    }
    #panel-w5ca5a505573c8-0-0-0 .in-tab-full .text-right,
    .ow-button-base.ow-button-align-right {
        text-align: left!important
    }
    .panel-row-style-for-w5cc1893a8af38-2 {
        display: none !important;
    }
    .panel-row-style-for-w5cc1893a8af38-3 {
        display: block !important;
    }
    .icon-heading h3,
    .icon-left-img {
        display: block;
    }
    #pg-992-1 .icon-heading h3 {
        max-width: 100%;
        text-align: center;
    }
    .footer-demo-btn {
        display: block;
    }
    .icon-container h3,
    .icon-container p {
        text-align: center !important;
    }
    .footer-bottom {
        padding-bottom: 52px !important;
    }
    .white-right-border {
        border-right: 0px solid #fff;
    }
    .common-footer .footer-col:last-child .theme-sidebar-2:nth-child(2) {
        display: block;
    }
    .webinars a {
        padding: 10px 18px !important;
        min-width: 150px;
        margin-bottom: 10px;
    }
    [class*=col-] {
        width: 100%
    }
    .display-inline-block {
        min-width: 100% !important;
        max-width: 100% !important;
    }
    .menu-toggle-icon,
    .theme-la {
        top: 21px!important
    }
    .home-tab-head [class*=col-] {
        width: 50%
    }
    .home-tab-head a.btn-blue {
        position: relative;
        top: -4px;
        padding: 10px 10px;
        font-size: 12px;
    }
    .home-tab-head h3 {
        font-size: 18px;
        color: #1b314b;
    }
    #pg-1091-0>.panel-row-style {
        padding: 0 0!important
    }
    .icon-left-img {
        margin: 10px auto;
    }
    .icon-heading h3 {
        max-width: 100%;
        margin-bottom: 30px !important;
    }
    .rounded {
        max-width: 20%;
        margin: 0 auto
    }
    #ssttbutton {
        right: 10px !important;
        bottom: 60px !important;
        z-index: 99 !important;
    }
}

@media screen and (max-width:500px) {
    .pagination a,
    .pagination span {
        font-size: 10px
    }
    .mobile-phone {
        display: block!important;
        text-align: center;
    }
    .phone-number {
        display: none
    }
    .header-top .in-col-6:last-child {
        padding-top: 5px
    }
    .mobile-menu {
        width: 320px
    }
    .single-news-content {
        max-width: 100%;
    }
    .svg-bg {
        background-size: 427%!important;
        background-repeat: no-repeat!important;
        background-position: -1470px 295px!important
    }
    .slider-single-img {
        position: relative;
        right: 0;
        width: 100%;
        background-color: transparent
    }
    .slider-single-img img {
        max-width: 100%
    }
    .slider-content {
        width: 100%
    }
    .next,
    .prev {
        top: 18%
    }
    .video-content h3 {
        margin-top: 20px!important
    }
    .icon-container {
        max-width: 100%!important;
        max-height: 100%!important;
        min-width: initial!important;
        min-height: initial!important;
        margin-bottom: 30px!important;
        display: block
    }
    .svg-bg-2 {
        background-size: 1335%!important;
        background-repeat: no-repeat!important;
        background-position: lef top!important;
        padding: 30px 15px!important;
        background-image: none!important;
        background-color: #007cb1
    }
    .video-cover-container {
        margin: 30px 0
    }
    .icon-area .text-left {
        text-align: center
    }
    #pgc-w5c9dc72e02910-1-0 {
        text-align: center
    }
    .so-widget-sow-button {
        margin: 15px 0
    }
    .shadow-box {
        margin: 17px
    }
    .tab-blog {
        display: block;
        position: relative;
        height: 268px;
        max-width: 520px;
        margin: 20px;
        margin-top: 0
    }
    .section-padding {
        padding: 30px 0
    }
    .section-padding-top {
        padding-top: 30px
    }
    .section-padding-bottom {
        padding-bottom: 30px
    }
    .home-client img {
        display: block;
        max-width: 250px;
        margin: 20px auto
    }
    .footer-col {
        display: inline-block;
        max-width: 100%;
        min-width: 100%;
        vertical-align: top;
        box-sizing: border-box;
        padding: 15px
    }
    .video-cover {
        display: block;
        min-height: 280px!important;
        background-size: cover;
        background-color: #fff
    }
    .news-banner {
        padding: 60px 0;
        position: relative;
        padding-bottom: 170px;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center
    }
    .news-banner h3 {
        font-size: 32px;
        padding: 0 30px
    }
    .single-news-share {
        width: 100%;
        padding-right: 1px;
        margin-bottom: 30px
    }
    .hight-light-box ul {
        max-height: initial!important
    }
    .hight-light-box img {
        bottom: -44px;
        margin-bottom: 0
    }
    .mobileh {
        padding: 0;
        display: block
    }
    .hight-light-box h3 {
        font-size: 24px;
        font-weight: 700;
        margin-bottom: 15px
    }
    .display-inline-block {
        display: block;
        vertical-align: top
    }
    .phone-sidebar h3 {
        font-size: 34px;
        font-weight: bolder;
        text-transform: uppercase;
        color: #fff;
    }
    .phone-sidebar p,
    .phone-sidebar p a {
        font-size: 14px;
        font-weight: bolder;
        color: #5d7897;
        text-decoration: none;
    }
    h3.single-info-title {
        font-size: 32px;
    }
}

@media screen and (max-width:425px) {
    .svg-bg {
        background-size: 827%!important;
        background-repeat: no-repeat!important;
        background-position: -1670px 295px!important
    }
    .svg-bg-2 {
        background-size: 1335%!important;
        background-repeat: no-repeat!important;
        background-position: lef top!important;
        padding: 30px 40px!important;
        background-image: none!important;
        background-color: #007cb1
    }
    .next,
    .prev {
        padding: 9px
    }
    .testimonials-user-details h3 {
        color: #000;
        font-size: 12px;
        max-width: 66%;
        margin: 0 auto
    }
    .testimonials-content,
    .testimonials-user-details {
        padding: 15px
    }
    .testimonials-content {
        padding-bottom: 44px
    }
    .scrollTabMenu a {
        float: left;
        color: #000;
        font-size: 10px;
        font-weight: 700;
        padding: 10px 0;
        cursor: pointer;
        transition: transform .2s ease-in
    }
    .fullwidth-banner .banner-content-blog,
    .fullwidth-banner .banner-img-blog {
        display: block;
        position: relative;
        vertical-align: middle;
        text-align: center;
        width: 100%;
        max-width: 100% !important;
        margin: 0 auto;
        padding: 8px;
    }
    .banner-img-blog-1 img {
        margin: 0px;
    }
    .testimonials-slider-arrow {
        position: relative;
        bottom: 45px;
        width: 350px;
        text-align: center;
        z-index: 98;
        margin: 0 auto;
    }
    #pg-w5cca862b5c0a2-0 .so-widget-sow-button {
        display: none !important;
    }
    .hight-light-box {
        padding: 20px;
    }
    #pg-6099-0>.panel-row-style {
        background-image: none !important;
        background-color: #67995a
    }
}

@media screen and (max-width:400px) {
    .svg-bg {
        background-size: 897%!important;
        background-repeat: no-repeat!important;
        background-position: -1670px 295px!important
    }
    .svg-bg-2 {
        background-size: 1335%!important;
        background-repeat: no-repeat!important;
        background-position: lef top!important;
        padding: 30px 15px!important;
        background-image: none!important;
        background-color: #007cb1
    }
    .newsletter input {
        font-size: 22px
    }
    .princing-box div {
        width: 270px;
        margin-bottom: 15px;
    }
    .flip-card {
        width: 320px;
        height: 486px;
    }
}

.menu-area h3.sow-headline {
    font-size: 20px !important;
}

.menu-area .mega-sub-menu li h3 a {
    font-weight: bold !important;
}

.menu-area ul.menu li {
    padding-right: 0 !important;
    width: 100% !important;
    padding-right: 0 !important;
}

.grid-box .display-inline-block {
    max-width: 33.1%;
    min-width: 33.1%;
    margin: -1px 0;
}

.Admin-feature .icon-container {
    min-height: 320px;
}

.grid-box .thre-sec .display-inline-block {
    max-width: 100% !important;
    min-width: 100% !important;
}

.admin-features .display-inline-block {
    display: inline-block;
    vertical-align: top;
    width: 33.0%;
    max-width: inherit !important;
    min-width: inherit !important;
}

.admin-features .display-inline-block .icon-container {
    min-width: inherit !important;
    max-width: inherit !important;
    width: 100% !important;
}

.margin-inline-block .display-inline-block img {
    width: 100%;
    max-width: 100%;
}

.portfolio-box {
    display: block;
    width: 33.333%;
    float: left;
    padding: 1%;
}

.portfolio {
    margin: -10px;
    padding-bottom: 110px !important;
}

.custom-input.country_dropdown {
    overflow: visible;
    padding: 15px 4px;
}

.support-services .display-block {
    width: 33.333%;
    float: left;
    min-height: 130px;
}

div#Services {
    padding: 0 10px !important;
    margin-top: -20px;
}

.btn-blog a {
    margin: 10px 10px 10px
}

.hight-light-box .btn-orange.over-view {
    color: #007bb0;
    background-color: #ffffff;
    margin: 10px 0;
}

ul.thanks-question {
    margin: 0;
}

ul.thanks-question li {
    background: none;
    padding: 0;
    margin-bottom: 18px;
    display: block;
    border-bottom: 1px solid #e0e0e0;
}

ul.thanks-question li label {
    display: inline-block;
    font-family: Raleway, sans-serif;
    font-weight: 600;
    color: #191919;
    font-size: 16px;
    margin-bottom: 15px;
    width: 100%;
}

ul.thanks-question span.wpcf7-list-item {
    display: inline-block;
    margin: 0 20px 0 0;
}

ul.thanks-question li label.checkbox-inline {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 15px;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
}

ul.thanks-question li label.radio-inline {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
}

ul.thanks-question textarea,
ul.thanks-question .website input {
    background: #f0f0f0;
    border: 1px solid #dedede;
    border-radius: 8px;
    padding: 10px 15px;
}

ul.thanks-question textarea {
    height: 150px;
    width: 100%;
    margin-bottom: 5px;
}

ul.thanks-question {
    margin: 0 0 110px;
}

ul.thanks-question li:last-child {
    border-bottom: 0;
}

ul.thanks-question .wpcf7-select {
    background: #f0f0f0;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
    min-width: 300px;
    height: 42px;
}

.newletter.blog--detail {
    border: none;
    padding: 10px 12px 0;
}

#pg-3537-0>.panel-row-style {
    padding: 30px 0 30px !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.btn-orange.menu-top.last a,
.mega-sub-menu .panel-layout a.btn-orange.menu-top {
    padding: 10px 55px !important;
    ;
    font-size: 14px !important;
    text-align: center !important;
    ;
    cursor: pointer !important;
    ;
    outline: 0!important;
    color: #fff !important;
    ;
    background-color: #ff8300 !important;
    border: 0!important;
    font-weight: 700 !important;
    ;
    text-decoration: none !important;
    ;
    border-radius: 50px !important;
    ;
    display: inline-block !important;
    ;
    margin-left: 8px !important;
    ;
    transition: transform .2s ease !important;
    ;
    -webkit-transition: transform .2s ease !important;
    margin-top: 20px !important;
}

.btn-orange.menu-top:before {
    content: "" !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.btn-orange.menu-top.last a {
    display: none !important;
}

div#panel-w5cff842b8dc46-0-2-3,
div#panel-w5d033479793f8-0-2-3,
div#panel-w5d0333ad1124b-0-2-3,
div#panel-w5d033479793f8-0-2-3 {
    text-align: center;
    border-top: 1px solid #ededed;
    margin-top: 25px;
}

.ROI_Calculator {
    background: url('https://www.designnbuy.com/wp-content/uploads/2019/06/roi.jpg');
    min-height: 280px;
    padding: 60px 0 70px 0 !important;
    background-size: cover;
    margin-bottom: 130px;
}

.span12.ROI_Calculator .btn-orange {
    margin: 0 20px;
}

.ROI_Calculator .hide {
    display: none;
}

.ROI_Calculator h1 {
    text-align: center;
    color: #fff;
    font-size: 55px;
}

.start_btn,
.gform_next_button.button,
.gform_previous_button.button,
.gform_button.button {
    line-height: normal;
    display: inline-block;
    margin-bottom: 5px;
    padding: 12px 35px;
    background: #fe8400;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    border: none;
}

.gform_previous_button.button {
    background: #007cb1;
}

.start_data p,
.start_data {
    text-align: center;
    color: #fff;
    font-size: 23px;
    margin-top: 50px;
}

.form_data {
    max-width: 650px;
    margin: auto;
    margin-top: auto;
    background: #fff;
    padding: 30px;
    margin-top: 60px;
    border-radius: 6px;
}

.form_data .medium {
    line-height: 50px;
    height: 40px;
    width: 100% !important;
}

.gform_page ul li {
    background: none;
    padding: 0;
}

body .gform_wrapper .gf_progressbar_wrapper h3.gf_progressbar_title {
    margin: 0 0 21px 12px !important
}

.ROI_Calculator .instruction,
.ROI_Calculator .validation_error {
    display: none;
}

.max-val-relation:after,
.noUi-horizontal .noUi-tooltip::after {
    content: "%";
}

.ROI_Calculator .slider-display {
    margin-top: 3.5em !important;
}

.form_data.ROI_last_view {
    max-width: 1060px;
}

.form_data.ROI_last_view .box-new h2 strong {
    display: block;
    font-size: 30px;
    margin-top: 20px;
}

.form_data.ROI_last_view .box-new {
    display: inline-block;
    text-align: center;
    width: 33.3333%;
    float: left;
    margin-top: 30px;
    border: 1px solid #f8f8f8;
    box-sizing: border-box;
    padding: 25px 0;
}

.form_data.ROI_last_view .box-new h2 {
    line-height: 24px;
    font-size: 16px;
}

.form_data.ROI_last_view .box-new-full {
    display: inline-block;
    width: 70%;
    text-align: center;
    background: #ff7e00;
    color: #fff;
    padding: 30px 0 20px;
    box-sizing: border-box;
    margin-top: 30px;
}

.main-top-box br {
    display: none;
}

.form_data.ROI_last_view .box-new-full h2 {
    color: #fff;
    font-size: 30px;
}

.main-top-box {
    text-align: center
}

.gform_confirmation_message .top-hed {
    border-bottom: 2px solid;
    padding-bottom: 30px;
    font-size: 36px;
    text-align: center;
}

.form_data.ROI_last_view {
    line-height: 36px;
}

.gform_confirmation_message .top-hed p {
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 0;
}

.gform_wrapper .description,
.gform_wrapper .gfield_description,
.gform_wrapper .gsection_description,
.gform_wrapper .instruction {
    font-size: 0.9em !important;
}

.gform_wrapper label.gfield_label {
    font-size: 20px !important;
}

body .gform_wrapper #gform_fields_2_7 label.gfield_label {
    font-size: 16px !important;
}

.about h1 {
    font-size: 39px!important;
    font-weight: 800;
    color: #1b314b;
    text-align: left !important;
}

.about .decoration {
    display: none;
}

ul.s-i-footer {
    display: flex;
}

ul.s-i-footer li {
    padding: 10px 20px 0 0;
}

ul.s-i-footer li a {
    font-size: 32px;
    color: #fff
}

.custom-checkbox {}

.cli-review ul {
    margin: 0;
}

.cli-review-new ul {
    margin: 40px 0 0 0;
}

.cli-review-new ul li {
    display: inline-block;
}

.cli-review li {
    display: inline-block;
    padding: 0 15px;
    width: 24%;
    text-align: center;
}

.cli-review li img {
    max-width: 160px;
}

.Cover .hight-light-box ul {
    max-height: inherit;
    transition: none;
}

.Cover .hight-light-box:hover ul {
    animation-name: none;
}

.Cover .hight-light-box img,
.Cover .hight-light-box .video-cover-container {
    margin-bottom: 0 !important;
}

.Cover .hight-light-box a {
    display: none;
}

.footer_newsletter {
    position: relative;
}

.footer_newsletter .newletter {
    padding: 30px !important;
}


.footer_newsletter .newletter input {
    font-size: 42px !important;
    width: 100% !important;
    padding-right: 80px !important;
    background-color: transparent;
    outline: 0;
    font-weight: 700;
}

.footer_newsletter .gform_footer .gform_button.button {
    z-index: 999;
    text-indent: -2000px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/02/Send.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 58px;
    height: 58px;
    background-position: center;
    padding: 0;
    cursor: pointer;
}

.footer_newsletter .gfield_label {
    color: #fff !important
}

.footer_newsletter input {
    border: 0 !important
}

.gform_wrapper div.validation_error {
    display: none !important
}

.validation_message {
    color: #f17d7d !important;
}

.footer_newsletter .gform_wrapper .gform_footer.top_label {
    position: absolute;
    right: 20px;
    top: -20px;
    z-index: 99;
    left: auto;
    text-align: right;
    width: 60px;
}

.footer_newsletter .newletter {
    display: block;
    position: relative;
    background-color: #016f9e;
    margin: 0 auto;
    padding: 30px;
    margin-bottom: -70px;
    z-index: 95;
    border: none;
}

.newletter .gfield_required {
    display: none !important;
}

.gform_wrapper {
    border: none;
}

.footer_newsletter .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: calc(100% - 0px)!important;
}

td.column-4 br {
    display: none;
}

.other_newsletter {
    display: block;
    background-color: #fff;
    border: 1px solid #ebebeb;
    padding: 10px 10px;
    padding-bottom: 10px;
    margin: 0 -15px;
}
.other_newsletter label {
    font-weight: 700;
    font-size: 18px;
    color: #000;
}

.other_newsletter input.newsletter {
    border: 1px solid #ebebeb;
    background-color: #f0f0f0;
    line-height: initial;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px;
    margin: 25px 0 0 0;
    display: block;
    width: 100%;
    outline: 0;
}

.other_newsletter .newletter input {
    width: 100% !important;
    padding: 10px !important;
}

.other_newsletter .gfield.gfield_error.newletter {
    background: none;
    border: none;
}

.other_newsletter .newletter label {
    color: #000 !important
}

.footer_newsletter .gform_confirmation_message_3 {
    background: #007cb1;
    color: #fff;
    padding: 40px;
    text-align: center;
    font-size: 32px;
    position: relative;
    top: -60px;
}

.other_newsletter .gform_confirmation_message_3 {
    background: #007cb1;
    padding: 15px;
    color: #fff;
    font-size: 18px;
    line-height: 34px;
}

.bg-con {
    position: relative
}

.bg-con:after {
    width: 50%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: rgba(26, 81, 194, 0.85);
    content: "";
    position: absolute;
    left: 0;
    margin-left: -0;
}

.bg-con:before {
    width: 50%;
    height: 100%;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.80);
    content: "";
    position: absolute;
    right: 0;
    margin-left: -0;
}

.bg-con .panel-layout {
    position: relative;
    z-index: 99;
}

.bg-con .panel-layout p {
    color: #fff;
}

.bg-con .panel-layout .panel-grid-cell {
    padding: 50px 50px 0;
}

ul.arr li {
    font-size: 17px;
    font-weight: 300;
    margin-bottom: 10px;
    position: relative;
    margin-top: 15px;
    padding-left: 26px;
    color: #fff;
    list-style: none;
}

ul.arr li:before {
    content: ' ';
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    left: -1px;
    top: 16px;
    width: 11px;
    height: 2px;
    border-radius: 3px;
    background-color: #fff;
    transform: rotate(-34deg);
}

ul.arr li:after {
    content: ' ';
    font-family: 'Font Awesome\ 5 Free';
    position: absolute;
    left: 0;
    top: 10px;
    width: 11px;
    height: 2px;
    border-radius: 3px;
    transform: rotate(40deg);
    background-color: #fff;
}

.list-blue ul.list {
    margin: 0;
    background: #246cd2;
    padding: 40px 30px 30px;
    border-radius: 10px;
}

.list-blue ul.list li {
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 600;
    background: none;
    padding: 0 0 0 40px;
    position: relative;
    text-align: left;
    line-height: 28px;
    color: #fff;
    list-style: none;
}

.list-blue ul.list li::after {
    background: #fff;
    position: absolute;
    content: "";
    left: 0;
    width: 14px;
    height: 14px;
    top: 7px;
    border-radius: 14px;
}

.list-blue {
    padding: 60px 0 90px;
    margin-top: 50px;
}

.org-bg {
    background: #ff8300;
    color: #fff;
    padding: 14px 30px 3px;
    font-size: 20px;
    margin: 20px 0;
}

.bg-con .sow-image-container img {
    margin: auto;
}

div.wpcf7-response-output {
    margin: 20px auto !important;
}

.bg-con h4 {
    color: #fff;
    margin: 20px 0 20px;
    display: inline-block;
    font-size: 24px;
}

.case-studies .tab-blog-img {
    width: 430px;
    height: 270px;
}

.ftr-section {
    text-align: center;
    background: #edf7ff;
    padding-top: 40px;
    position: relative;
    overflow: hidden;
}

.ftr-section img {
    display: block;
    margin: auto;
    padding: 0;
}

.ftr-section .btn-orange {
    width: 100%;
    font-size: 24px;
    border-radius: 0;
    display: inline-block;
    padding: 20px 0;
    margin: 0;
}

.ftr-section .phone-sidebar h3 {
    color: #6a7073
}

.ftr-section .phone-sidebar p,
.ftr-section .phone-sidebar p a {
    color: #000
}

.footer_newsletter.footer_newsletter-new .newletter {
    background: transparent;
    top: 0;
    margin-top: 0;
    padding: 0 0 !important;
}

.footer_newsletter.footer_newsletter-new .newletter input {
    background: #fff;
    font-size: background: #fff;
    font-size: 16px !important;
    border-radius: 0;
    line-height: 40px !important;
    padding-right: 55px !important
}

.footer_newsletter.footer_newsletter-new .gform_wrapper label.gfield_label {
    font-size: 16px !important;
}

.footer_newsletter .gform_wrapper .gform_footer.top_label {
    top: 17px;
    right: 4px;
}

.newsletter input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 700;
    font-size: 42px;
    font-family: Muli, sans-serif
}

.newsletter input::-moz-placeholder {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    font-family: Muli, sans-serif
}

.newsletter input:-ms-input-placeholder {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    font-family: Muli, sans-serif
}

.newsletter input:-moz-placeholder {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    font-family: Muli, sans-serif
}

.footer_newsletter .gform_footer .gform_button.button {
    z-index: 999;
    text-indent: -2000px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/02/Send.svg);
    background-repeat: no-repeat;
    background-size: 20px;
    width: 46px;
    height: 42px;
    background-position: center;
    padding: 0;
    cursor: pointer;
    margin: 0;
    border-radius: 0;
}

.review {
    margin-top: 20px;
    margin-right: 130px;
}

.common-footer .gform_wrapper {
    margin: 0 0;
    max-width: 100%;
}

.footer_newsletter .gfield.gfield_error.newletter {
    background: transparent;
    border: none !important;
    display: block;
    position: relative;
    background-color: transparent;
    margin: 0 auto;
    padding: 30px;
    top: 0;
    margin-bottom: -70px;
    z-index: 95;
}

.letstak {
    z-index: 99;
    position: relative;
    margin-bottom: -60px;
}

.footer_newsletter .gform_validation_error .gform_footer.top_label {
    top: 29px !important;
    right: 5px !important;
}

@media screen and (min-width:1921px) {
    .home .svg-bg {
        padding-top: 190px !important
    }
}

@media screen and (min-width:1368px) {
    .svg-bg.bg-small {
        background-image: url('https://www.designnbuy.com/wp-content/uploads/2019/05/Our-Clients-BG-3.svg') !important;
    }
    .review {
        margin-top: 20px;
        margin-right: 130px;
    }
    .case-studies .tab-blog {
        max-width: 580px;
    }
    .case-studies .tab-blog-content {
        width: 230px;
        height: 208px;
    }
}

@media screen and (max-width:1368px) {
    .svg-bg.bg-small {
        background-image: url('https://www.designnbuy.com/wp-content/uploads/2019/05/Our-Clients-BG-3.svg') !important;
    }
}

@media screen and (max-width:1250px) {
    .review {
        margin-top: 20px;
        margin-right: 100px;
    }
}

@media screen and (max-width:1024px) {
    .menu-all-in-one-container ul li a,
    .menu-print-commerce-tab-container ul li a {
        padding: 15px 25px;
    }
    #panel-594-1-0-0>.panel-widget-style,
    #panel-594-2-0-0>.panel-widget-style {
        padding: 0 0 30px !important;
    }
    .icon-container {
        margin-bottom: 0 !important
    }
    .home .icon-container {
        margin-bottom: 20px !important
    }
    .custom-input.active label {
        position: inherit;
        display: initial;
        font-size: 13px;
        padding-left: 0 !important;
    }
    .blog-tabs .drop-arrow,
    .menu-all-in-one-container .drop-arrow,
    .menu-print-commerce-tab-container .drop-arrow {
        right: 10px !important;
    }
    .mega-sub-menu .panel-layout a {
        color: #000;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
        color: #000
    }
    .case-study-content {
        margin-top: -34px;
    }
    .blog-author-profile {
        margin-top: 10px;
    }
    #pg-2616-0>.panel-row-style {
        background-image: none !important;
        padding-bottom: 0 !important;
    }
    .review {
        margin-top: 20px;
        margin-right: 0;
    }
}

@media screen and (max-width: 900px) {
    #Imafan-1 .icon-area img {
        max-width: 100% !important;
        min-width: auto !important;
    }
}

@media only screen and (max-width: 1300px) and (min-width: 768px) {
    .grid-box .display-inline-block,
    #pgc-w5cb6f0767ad26-0-0 .display-inline-block,
    #pgc-w5c7e03b83ed65-0-0 .display-inline-block {
        min-width: 32.333% !important;
        max-width: 32.333% !important;
    }
    #pg-3537-0>.panel-row-style {
        background-image: none !important;
    }
    body .about h1 {
        color: #fff;
        font-size: 28px !important;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .clients-home.panel-row-style {
        padding: 60px 0 0 !important;
    }
    .tabmenu-list-1 ul li {
        width: 16.96%;
    }
    .icon-heading h3 {
        padding: 0
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        font-size: 16px !important;
        padding: 0 7px !important;
    }
    .container.dott-container {
        padding: 0 40px;
    }
    .grid-box .display-inline-block,
    #pgc-w5cb6f0767ad26-0-0 .display-inline-block,
    #pgc-w5c7e03b83ed65-0-0 .display-inline-block {
        min-width: 32.333% !important;
        max-width: 32.333% !important;
    }
    .logo-icon img {
        margin: 30px 0;
        margin-top: 20px;
    }
    #panel-653-2-0-1>.panel-widget-style {
        padding: 40px 0px 30px 0px !important;
    }
    #panel-653-4-0-0>.panel-widget-style,
    #panel-653-5-0-0>.panel-widget-style,
    #panel-653-6-0-0>.panel-widget-style,
    #panel-653-7-0-0>.panel-widget-style,
    #panel-653-9-0-0>.panel-widget-style {
        padding: 0px 0px 33px 0px !important;
    }
    .top-section .panel-grid-cell {
        width: 100% !important
    }
    .top-section {
        display: block !important;
    }
    .bg-none,
    .bg-right-top.top-section,
    .bg-right-bottom.top-section {
        background-image: none !important
    }
    .bg-right-top.panel-widget-style {
        padding: 60px 50px 30px 50px !important;
    }
    .owl-carousel .owl-wrapper-outer {
        max-height:inherit !important;
    }
    .plan-table-head {
        margin-bottom: 20px;
    }
    #pgc-w5cdab5c38a5ff-1-2.grid-box .display-inline-block {
        display: 100% !important;
        max-width: 100% !important
    }
    .margin-inline-block .display-inline-block {
        width: 48%;
        padding: 1%;
    }
    .sec-center .panel-grid-cell {
        width: 33.3333% !important;
        width: calc(33.3333% - ( 0.66666666666667 * 10px)) !important;
    }
    .single-box-silder-container {
        width: 450px;
        height: 304px
    }
    .single-box-silder-area::before {
        width: 432px;
        height: 286px;
    }
    .single-box-silder-container ul {
        width: 434px;
    }
    .single-box-slider-content h3 {
        color: #1b314b;
        font-size: 24px;
    }
    .single-box-slider-with-para {
        min-height: 450px;
    }
    .blog-container {
        min-height: 360px;
    }
    .blog-img {
        min-height: 170px;
    }
    .support-services .display-block {
        width: 50%;
    }
    .support-services .display-block img {
        width: 70px
    }
    .description-area .in-col-6.background-gray img {
        width: 40px
    }
    .description-area .in-col-6 {
        width: 35%;
        padding-right: 5%
    }
    .description-area .in-col-6.background-gray {
        width: 60% !important
    }
}

@media screen and (max-width:1331px) {
    .bg-right-top {
        background-position: right 70px !important;
    }
}

@media screen and (max-width:1269px) {
    .menu-print-commerce-tab-container ul li {
        width: 18%;
    }
}

@media screen and (max-width:1023px) {
    .bg-right-bottom {
        background-image: none!important;
        display: inherit !important
    }
    .bg-right-bottom .panel-grid-cell {
        width: 100% !important;
    }
    .hight-light-box {
        padding: 20px;
    }
    .testimonials-content-cover {
        margin: 40px auto 10px;
    }
    .sec-center .panel-grid .img-zoom img {
        margin: -20px auto;
    }
    .padding-section h3.sow-headline {
        text-align: center !important;
    }
    .case-study-box:last-child {
        margin-bottom: 75px !important;
    }
    .case-study-content {
        padding: 25px 15px;
    }
    .apply-head-3 {
        text-align: left !important
    }
    .apply-row {
        padding: 25px 15px 25px;
    }
    .blog-img {
        min-height: auto;
        max-height: inherit !important;
    }
    .blog-content-area h3 a {
        height: auto;
    }
    .blog-show p {
        margin-bottom: 5px !important;
    }
    .blog-content-area {
        margin: 15px 0 0;
    }
    #pg-w5cf91c8906aef-0>.panel-row-style,
    #pg-w5cf91c8906aef-1>.panel-row-style {
        padding: 0 !important;
    }
    .pc-row .panel-grid-cell:first-child {
        order: 2
    }
    .pc-row .panel-grid-cell:last-child {
        order: 1
    }
    .solution-inner.pc-row {
        display: flex !important;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media screen and (max-width:980px) {
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
        padding: 10px 17px 0 10px;
        margin: 0;
        top: 0;
    }
    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        background: #007cb1 !important;
    }
    .mega-menu-toggle.mega-menu-open {
        height: 5px !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        color: #fff !important;
    }
    .mega-menu-primary-mobile-open .mobile-menu-loop {
        /* background-color: #007cb1 !important; */
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link {
        background: #0a658c !important;
    }
    .mobile-menu-loop #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
        width: 100% !important;
    }
    .description-area .in-col-6,
    .description-area .in-col-6.background-gray {
        width: 100% !important
    }
    .description-area .in-col-6 {
        padding: 30px 15px 0;
    }
    .description-area .in-col-6.background-gray {
        margin-top: 10px
    }
    .Features-box li span {
        width: 100%;
        padding: 0 3px 0 38px;
        font-size: 16px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
    .top-section,
    .solution-inner,
    .business-home {
        display: block !important;
    }
    .top-section .panel-grid-cell,
    .solution-inner .panel-grid-cell,
    .business-home .panel-grid-cell {
        width: 100% !important
    }
    .show-mobile-row.solution-inner {
        padding: 40px 0 0 !important;
    }
    .show-dasktop-row {
        display: none !important;
    }
    .show-mobile-row {
        display: block !important;
    }
    #pg-30-4>.panel-row-style {
        padding: 40px 15px 40px!important;
    }
    .business-home .video-cover-container {
        margin-top: 30px;
    }
    #pg-30-6>.panel-row-style {
        padding: 50px 0px 0px 0px !important;
    }
    clients-sec.panel-row-style {
        padding: 0 !important;
    }
    #owl-demo-2 .item img {
        margin-top: 20px !important
    }
    .grid-box .display-inline-block,
    #pgc-w5cb6f0767ad26-0-0 .display-inline-block,
    #pgc-w5c7e03b83ed65-0-0 .display-inline-block {
        min-width: 49% !important;
        max-width: 49% !important;
    }
    .#panel-671-3-0-0>.panel-widget-style,
    #panel-671-4-0-0>.panel-widget-style,
    #panel-671-5-0-0>.panel-widget-style,
    #panel-671-7-0-0>.panel-widget-style,
    #panel-571-3-0-0>.panel-widget-style,
    #panel-571-4-0-0>.panel-widget-style,
    #panel-571-5-0-0>.panel-widget-style,
    #panel-571-7-0-0>.panel-widget-style,
    #panel-671-3-0-0>.panel-widget-style,
    #panel-671-4-0-0>.panel-widget-style,
    #panel-671-5-0-0>.panel-widget-style,
    #panel-671-7-0-0>.panel-widget-style,
    #panel-4025-1-0-0>.panel-widget-style,
    #panel-4025-2-0-0>.panel-widget-style,
    #panel-4025-3-0-0>.panel-widget-style,
    #panel-4025-5-0-0>.panel-widget-style,
    #panel-3479-1-0-0>.panel-widget-style,
    #panel-3479-2-0-0>.panel-widget-style,
    #panel-3479-3-0-0>.panel-widget-style,
    #panel-3479-4-0-0>.panel-widget-style,
    #panel-3479-1-0-0>.panel-widget-style,
    #panel-3479-2-0-0>.panel-widget-style,
    #panel-3479-3-0-0>.panel-widget-style,
    #panel-3479-4-0-0>.panel-widget-style,
    #panel-13-1-0-0>.panel-widget-style,
    #panel-13-2-0-0>.panel-widget-style,
    #panel-13-4-0-0>.panel-widget-style,
    #panel-13-5-0-0>.panel-widget-style,
    #panel-13-6-0-0>.panel-widget-style {
        padding: 0px 0px 30px 0px !important;
    }
    #pg-3479-3>.panel-row-style {
        padding: 0px 0px 30px 0px !important;
    }
    #pg-w5cc82c2847ec8-2>.panel-row-style {
        padding: 30px 0 0 0;
    }
    .plan-1,
    .plan-2,
    .plan-3 {
        padding: 10px;
    }
    .plan-area tfoot th,
    .plan-area thead th {
        padding: 8px 0;
    }
    p.plan-btn img {
        max-width: 180px;
        margin: 10px 0;
    }
    .responsive-box .responsive-image {
        margin-top: 0
    }
    .video-popup-link.panel-row-style.panel-row-style-for-w5cc82c2847ec8-2 {
        padding: 10px 0px 0px 0px !important;
    }
    .admin-features .display-inline-block {
        width: 49.0%
    }
    .car-list strong,
    .car-list ul {
        margin-bottom: 20px !important;
    }
    .Seven-Step .display-inline-block {
        width: 49%;
    }
    .Seven-Step .display-inline-block .icon-area img {
        width: 100%;
        max-width: 100%
    }
    .Seven-Step .display-inline-block .icon-area.in-col-12 {
        padding-top: 10px;
    }
    .hover-heading a img,
    .img-zoom>a>img {
        margin: -5px auto !important;
    }
    .testimonials-content-cover {
        margin: 10px auto 10px;
    }
    .text-white .panel-grid-cell,
    .sec-center .panel-grid-cell {
        width: 100% !important;
        width: calc(100% - ( 0.66666666666667 * 10px)) !important;
    }
    .text-white,
    .sec-center .panel-grid {
        display: block !important;
    }
    .sec-center .panel-grid .icon-left-img {
        display: block;
        width: 100%;
    }
    .sec-center .panel-grid h3 {
        width: 100%;
        max-width: 100% !important;
        margin: auto;
        text-align: center !important;
    }
    .sec-left .icon-area .text-left {
        text-align: left !important
    }
    .white-right-border {
        border: 0;
    }
    .padding-section {
        padding: 40px 0 !important
    }
    .sec-center .icon-content-box.in-row {
        display: flex !important;
        flex-flow: column !important;
    }
    .sec-center .icon-content-box.in-row .icon-area.in-col-3 {
        order: 1;
        width: 100%;
        padding: 1px;
    }
    .sec-center .icon-content-box.in-row .content-area.in-col-9 {
        order: 2;
        width: 100%
    }
    .section-padding.bg-100 {
        margin-bottom: 0 !important;
    }
    .case-study-box {
        margin-bottom: 70px;
    }
    .case-study-content {
        margin-top: 0px;
    }
    .home-client img {
        margin: -3px auto;
    }
    #panel-2636-2-0-0>.panel-widget-style,
    #panel-2636-4-0-0>.panel-widget-style,
    #panel-2636-6-0-0>.panel-widget-style {
        padding: 20px 0px 20px 0px !important;
    }
    #panel-2636-8-0-0>.panel-widget-style {
        padding: 30px 0px 100px 0px !important;
    }
    .portfolio-box {
        width: 50%
    }
    .portfolio {
        padding-bottom: 80px !important;
    }
    .video-page .video-cover-container {
        box-shadow: none!important;
        margin: 20px 0 0 !important;
        padding: 0;
    }
    .support-services .display-block .icon-container {
        min-height: inherit !important
    }
    .support-services .display-block,
    body #Services .support-services .display-block .icon-container {
        min-height: 115px !important;
    }
    .case-details .icon-area img {
        display: inline-block;
        min-width: 37px;
        max-width: 40px;
    }
}

@media screen and (max-width:768px) {
    #photo-prints-ordering iframe.video-pup {
        height: 47% !important;
    }
    #owl-demo .item img {
        width: auto !important;
        margin: auto !important
    }
    .clients-sec.panel-row-style {
        padding: 0 !important;
    }
    #owl-demo-2 .item img {
        margin-top: 20px
    }
    #panel-594-3-0-0>.panel-widget-style {
        padding: 20px 0 20px;
        max-width: 1020px;
        margin: 0 auto;
    }
    .last-section-padding {
        padding: 30px 0 107px !important;
    }
    .last-section-padding .panel-widget-style {
        padding: 0 10px 25px 10px !important;
    }
    #pgc-w5cdcfbb7308fa-0-0,
    #pgc-w5cdcfbb7308fa-0-1 {
        border: 0 !important
    }
    .section-padding.bg-100 {
        margin-bottom: 0 !important;
        margin-top: 10px;
    }
    .video-tab-full .in-col-2,
    .video-tab-full .in-col-10 {
        padding: 0 !important;
    }
    .video-tab-full .in-col-2 {
        margin-top: 10px
    }
    .video-tab-full li {
        margin-bottom: 0 !important
    }
    .single-box-silder-area {
        height: 420px;
        overflow: hidden;
    }
    #pg-2328-2>.panel-row-style {
        padding: 0px 0px 0px 0px !important;
    }
    .news-button-area {
        text-align: left;
    }
    .blog-container {
        min-height: inherit;
    }
    #panel-w5ccc1d678a8b7-1-0-0>.panel-widget-style {
        padding: 20px 0px 0px 0px !important;
    }
    #panel-1102-1-0-0>.panel-widget-style,
    #panel-1102-2-0-0>.panel-widget-style {
        padding: 0 !important;
    }
    .archived .in-col-6 {
        width: 100%
    }
    .ebook h3,
    .ebook h3 a {
        font-size: 16px;
    }
    .ebook-img img {
        margin-left: 12px;
    }
    .ebook-img {
        margin-bottom: 0;
    }
    .news-banner {
        padding: 60px 15px;
        position: relative;
        padding-bottom: 170px;
    }
    .news-banner h3 {
        font-size: 24px
    }
    .cli-review li {
        width: 49%;
        margin-top: 15px;
    }
    .cli-review li img {
        max-width: 150px;
    }
    .bg-con .panel-grid.panel-no-style {
        display: block !important;
    }
    .bg-con .panel-grid.panel-no-style .panel-grid-cell {
        width: 100% !important;
    }
    .bg-con:before {
        background: none
    }
    .bg-con:after {
        width: 100%;
    }
    .bg-con .panel-layout .panel-grid-cell {
        padding: 30px 50px 30px;
    }
    .list-blue {
        padding: 30px 0 50px;
        margin-top: 30px;
    }
    .org-bg {
        text-align: center;
        font-size: 14px;
    }
    .list-blue ul.list {
        margin-top: 30px;
    }
    .list-blue ul.list {
        padding: 30px 15px 20px;
    }
    .list-blue ul.list li {
        margin-bottom: 15px;
        font-size: 14px;
        padding: 0 0 0 25px;
    }
}

@media screen and (max-width:760px) {
    .mega-sub-menu .panel-layout a.btn-orange.menu-top {
        display: none !important;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.btn-orange.menu-top.last a {
        display: block !important;
        line-height: 22px;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.btn-orange.menu-top.last {
        margin: 12px !important;
    }
    .admin-features .display-inline-block {
        width: 100%;
    }
    .show-dasktop-row {
        display: none !important;
    }
    .show-mobile-row {
        display: block !important;
    }
    .icon-heading h3 {
        padding: 0
    }
    .tabmenu-list-1 ul li {
        width: auto;
        padding: 0 13px;
    }
    ul#menu-home-page-tab-menu {
        margin: 0 -30px;
    }
    .event-btn a {
        position: absolute;
        right: 10px;
        margin-top: -20px;
        padding: 10px 10px !important;
        font-size: 12px !important;
    }
    #home-tab-events h2.sow-headline {
        font-size: 18px;
        color: #1b314b;
    }
    div#home-tab-events {
        margin-top: 20px;
    }
    .tabmenu-list-1 ul li a {
        font-size: 14px;
        padding: 13px 0;
    }
    #pg-30-4>.panel-row-style {
        padding: 40px 15px 40px!important;
    }
    .in-tabcontent {
        padding: 30px 0 !important;
    }
    .tab-blog {
        margin: 0
    }
    .in-tabcontent .container {
        padding: 0;
    }
    .in-tabcontent .container .in-col-6,
    .in-tabcontent .container .in-col-4 {
        padding: 15px 0
    }
    .shadow-box {
        margin: 0;
    }
    .business-home .video-cover-container {
        margin-top: 30px;
    }
    .dot {
        height: 13px;
        width: 13px;
    }
    #owl-demo-2 .item img {
        width: auto !important;
        margin: 10px auto !important
    }
    p {
        font-size: 15px;
    }
    #Video-Tutorials,
    #Live-Training,
    #Help-Desk,
    #E-mail-and-Call-Support,
    #box-1-1,
    #box-1-2,
    #box-1-3,
    #box-1-4 {
        margin-bottom: 20px !important;
        min-height: inherit !important;
    }
    .mega-sub-menu,
    .mega-sub-menu li,
    .mega-sub-menu li a {
        font-size: 14px !important;
    }
    .logo-icon img {
        margin: 20px 0;
        margin-top: 20px;
        display: inline-block;
    }
    .Seven-Step .display-inline-block {
        width: 49%;
    }
    .Seven-Step .display-inline-block .icon-area img {
        width: 100%;
        max-width: 100%
    }
    .Seven-Step .display-inline-block .icon-area.in-col-12 {
        padding-top: 10px;
    }
    .hover-heading a img,
    .img-zoom>a>img {
        margin: -5px auto !important;
    }
    .case-study-box {
        margin-bottom: 35px;
    }
    .portfolio-box {
        width: 100%
    }
    .portfolio {
        padding-bottom: 75px !important;
    }
    .portfolio-content {
        padding-top: 80px;
    }
    .portfolio-box {
        margin-bottom: 30px;
    }
    .fullwidth-banner {
        margin-bottom: 30px;
    }
    .archived .in-col-6 {
        width: 100%;
        padding: 5px 15px;
    }
    #pg-1102-2>.panel-row-style {
        padding: 30px 0 70px 0px !important
    }
    .webinars a {
        margin-left: 0;
    }
    .support-services .display-block {
        width: 100%;
    }
    .support-services .display-block .icon-area {
        padding: 0 !important
    }
    .support-services .display-block [class*=in-col-] {
        padding: 8px !important;
    }
    .Features-box li {
        width: 100%;
        height: 80px;
    }
    .description-area h3 {
        font-size: 24px;
    }
    .description-area h3 {
        font-size: 24px;
    }
    .description-area {
        padding: 0;
    }
    h3.Features-box-heading {
        margin: 0 30px;
    }
    .store-single-title h1 {
        font-size: 33px;
        margin-bottom: 20px!important;
    }
    .ROI_Calculator h1 {
        font-size: 23px;
    }
    .start_data {
        margin-top: 40px !important
    }
    .form_data {
        padding: 10px;
        margin: 15px;
    }
    .start_data p,
    .start_data {
        font-size: 16px;
    }
    .form_data.ROI_last_view .box-new {
        width: 100%;
        padding: 5px 0 0;
        margin-top: 15px;
    }
    .form_data.ROI_last_view {
        line-height: 21px;
    }
    .gform_confirmation_message .top-hed {
        border-bottom: 2px solid;
        padding-bottom: 10px;
        font-size: 18px;
        text-align: center;
    }
    .form_data.ROI_last_view .box-new-full {
        width: 100%;
        font-size: 20px;
        margin: 10px 0 10px;
    }
    .form_data.ROI_last_view .box-new-full h2 {
        font-size: 18px;
    }
    .form_data.ROI_last_view .box-new h2 strong {
        font-size: 20px;
    }
    body .about h1 {
        color: #fff;
        font-size: 24px !important;
    }
    #cookie-law-info-again {
        bottom: -30px !important;
    }
}

@media screen and (max-width:480px) {
    #photo-prints-ordering iframe.video-pup {
        width: 94% !important;
        height: 33% !important;
    }
    #panel-w5ca5a505573c8-0-0-0 .in-tab-full .text-right,
    .ow-button-base.ow-button-align-right {
        text-align: center !important;
    }
    .ow-button-base.ow-button-align-left {
        text-align: center !important;
    }
    .responsive-content,
    .responsive-image {
        padding: 5px 0;
    }
    .responsive-box .responsive-image {
        grid-row-start: 1;
        margin-top: 10px !important;
    }
    .logo-icon img {
        margin: 14px 0;
        margin-top: 20px;
        display: inline-block;
    }
    #panel-653-2-0-1>.panel-widget-style {
        padding: 10px 0px 10px 0px !important;
    }
    .Corporate-Structures h3.sow-headline {
        font-size: 18px!important;
        text-align: center !important;
    }
    .Corporate-Structures {
        padding: 25px 15px 15px 15px !important
    }
    #pg-w5cdaad1da968f-1>.panel-row-style {
        padding: 25px 15px 15px 15px;
    }
    .owl-carousel .owl-wrapper-outer {
        max-height: 140px !important;
    }
    .responsive-content ul {
        margin-left: 15px;
    }
    .yellow-list li {
        padding: 6px 45px;
        margin-bottom: 0;
        background-position: 5px 10px;
        background-repeat: no-repeat;
        background-size: 19px;
    }
    .grid-box .thre-sec .display-inline-block,
    .display-inline-block,
    .display-inline-block div {
        max-width: 100% !important;
        min-width: 100% !important;
    }
    .printing-business .icon-container h3 {
        margin-bottom: 5px !important;
    }
    .printing-business .icon-area.in-col-12 {
        padding: 1px;
    }
    .testimonials-content-cover {
        margin: 10px auto 10px;
    }
    h3.sow-headline,
    h2.sow-headline {
        font-size: 18px!important;
    }
    .sow-sub-headline {
        font-size: 15px !important;
    }
    .#pg-2712-0>.panel-row-style {
        margin-bottom: 0 !important;
    }
    .single-testmonials-content {
        padding: 15px;
        font-size: 15px;
        margin: 0 0 30px;
    }
    #pg-2712-0>.panel-row-style {
        padding-bottom: 0 !important;
    }
    #panel-2500-0-0-0>.panel-widget-style,
    #panel-2445-0-0-0>.panel-widget-style,
    #panel-2384-0-0-0>.panel-widget-style {
        padding: 0px 0px 30px 0px !important;
    }
    .home-client img {
        margin: -10px auto !important;
    }
    #panel-2636-2-0-0>.panel-widget-style,
    #panel-2636-4-0-0>.panel-widget-style,
    #panel-2636-6-0-0>.panel-widget-style {
        padding: 15px 0px 15px 0px !important;
    }
    #panel-2636-8-0-0>.panel-widget-style {
        padding: 15px 0px 80px 0px !important;
    }
    .single-box-silder-area {
        padding: 0;
    }
    .last-section-padding-bottom {
        padding-bottom: 70px;
    }
    .single-box-silder-area {
        height: 330px;
    }
    .single-box-slider-content p {
        color: #6d7788;
        font-size: 18px;
    }
    .single-box-slider-content h4 {
        font-size: 18px;
        margin-bottom: 8px !important;
    }
    .single-box-slider-content {
        padding-bottom: 0;
    }
    .single-box-silder-area .next-slide {
        left: 20px;
    }
    .single-box-silder-area .pre-slide {
        right: 20px;
    }
    .media-box {
        padding: 30px;
        margin-bottom: 40px;
    }
    #panel-w5cf91c8906aef-2-2-1 .container {
        padding: 0 !important;
        margin-bottom: 40px;
    }
    .news-banner {
        padding: 30px 0 0;
        position: relative;
        padding-bottom: 140px;
    }
    .news-banner h3 {
        font-size: 18px;
    }
    .single-news-content,
    .single-news-content p {
        color: #6d7788;
        font-size: 15px;
        line-height: 26px!important;
    }
    .single-news-content h2,
    .single-news-content h3 {
        font-size: 18px;
    }
    .author-profile {
        padding: 10px;
    }
    .span12.ROI_Calculator .btn-orange {
        margin: 10px 20px;
    }
    .span12.ROI_Calculator .btn-orange {
        margin: 10px 20px;
    }
}

@media screen and (min-width:1023px) {
    .page-id-8432 .section-padding-bcn {
        display: none;
    }
    .mai-menu-class {
        position: relative;
        overflow: hidden;
        margin: 15px;
        padding: 10px 25px !important;
    }
    .mai-menu-class>.panel-grid-cell:after {
        position: absolute;
        content: "";
        width: 3px;
        background: #2584c1;
        top: -40px;
        bottom: 0;
        height: 320%;
        left: -40px;
    }
    .mai-menu-class>.panel-grid-cell:before {
        left: -40px;
        top: 0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(241, 241, 241, 0);
        border-left-color: #2584c1;
        border-width: 11px;
        margin-top: -2px;
    }
    .mai-menu-class>.panel-grid-cell {
        position: relative;
    }
    ul.list-bullet li {
        color: #6d7788;
        font-weight: 400;
        line-height: 24px;
        margin-bottom: 12px;
        font-size: 18px;
    }
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link:after,
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link span.mega-indicator:after {
    margin: 0 !important
}

.page-id-9287 .in-content>.container {
    max-width: 100%;
}

#AIOD-Banner .item {
    position: relative;
    overflow: hidden;
}

#AIOD-Banner .item .container {
    position: relative;
    z-index: 99;
    padding: 160px 0;
}

#AIOD-Banner .item .container h2 {
    font-size: 56px
}

#AIOD-Banner .item .container h2,
#AIOD-Banner .item .container p {
    max-width: 560px;
    color: #fff;
}

#AIOD-Banner .item:after {
    top: 0;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/07/all-in-one-bg.png);
    content: '';
    width: 960px;
    height: 100%;
    position: absolute;
    left: 50%;
    margin-left: -952px;
    background-repeat: no-repeat;
}

#AIOD-Banner .item .container h2 {
    font-size: 56px;
    font-weight: 800;
    line-height: 78px !important;
    margin-bottom: 40px !important;
}

#AIOD-Banner.owl-carousel .owl-wrapper-outer {
    max-height: inherit !important
}

#AIOD-Banner.owl-carousel .owl-controls .owl-pagination {
    margin-top: 10px;
    text-align: center;
    position: absolute;
    margin-left: -648px;
    left: 50%;
    bottom: 87px;
    z-index: 99;
}

#AIOD-Banner.owl-carousel .owl-controls .owl-prev {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    text-indent: -2000px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/07/arrow-point-to-left.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
    background-color: #fff !important;
    opacity: 9 !important;
}

#AIOD-Banner.owl-carousel .owl-controls .owl-next {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -20px;
    text-indent: -20000px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/07/arrow-point-to-right.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
    background-color: #fff !important;
    opacity: 9 !important;
}

#AIOD-Banner .item .banner-bg {
    background-repeat: no-repeat;
    background-position: right;
}

#AIOD-Banner .owl-controls .owl-page span {
    width: 15px;
    height: 15px;
    background: #ffffff;
}

.grecaptcha-badge,
#cookie-law-info-again,
#ssttbutton {
    display: none !important;
}

.postid-571 .in-content>div>.container {
    max-width: 100%;
}

.postid-571 .in-content>div>.container {
    max-width: 100%;
}

.max-width .panel-grid-cell {
    max-width: 1280px;
    margin: auto;
}

.menu-all-in-one-container {
    max-width: 1280px;
    margin: auto;
}

.Personalized-Demo .custom-input input::-webkit-input-placeholder,
.Personalized-Demo textarea::-webkit-input-placeholder {
    font-size: 20px;
    color: #6d7788;
    font-weight: 700;
}

.Personalized-Demo .custom-input input::-moz-placeholder,
.Personalized-Demo textarea::-moz-placeholder {
    font-size: 20px;
    color: #6d7788;
    font-weight: 700;
}

.Personalized-Demo .custom-input input:-ms-input-placeholder,
Personalized-Demo textarea:-ms-input-placeholder {
    font-size: 20px;
    color: #6d7788;
    font-weight: 700;
}

.Personalized-Demo .custom-input input:-moz-placeholder,
.Personalized-Demo textarea:-moz-placeholder {
    font-size: 20px;
    color: #6d7788;
    font-weight: 700;
}

.Personalized-Demo .custom-input input[type=text],
.Personalized-Demo .custom-input input[type=email],
.Personalized-Demo .custom-input input[type=tel],
.Personalized-Demo .custom-input textarea {
    padding: 16px 20px
}

.home-Banner {
    padding: 120px 0 100px;
}

.home-Banner.owl-carousel .owl-wrapper-outer {
    max-height: inherit !important;
}

.home-Banner .item .inr-bg {
    max-width: 524px;
}

.home-Banner .owl-pagination {
    text-align: left
}

.home-Banner.owl-theme .owl-controls .owl-page span {
    background: #007cb1;
    width: 20px;
    height: 20px;
}

.home_banner .home-Banner.owl-theme .owl-controls .owl-page span {
    background: #fff;
    width: 20px;
    height: 20px;
}

.home-Banner h2 {
    font-size: 36px!important;
    font-weight: 800!important;
    color: #1b314b!important;
    font-family: Muli, sans-serif!important;
}

.home-Banner p {
    display: block;
    font-size: 22px;
    font-weight: 300;
    color: #6d7788;
    margin-bottom: 25px!important;
}

.home-Banner.owl-carousel .owl-controls .owl-next {
    position: absolute;
    right: -100px;
    top: 50%;
    margin-top: -20px;
    text-indent: -20000px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/07/arrow-point-to-right.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
    background-color: #fff !important;
    opacity: 9 !important;
    z-index: 99;
}

.home-Banner.owl-carousel .owl-controls .owl-prev {
    position: absolute;
    left: -100px;
    top: 50%;
    margin-top: -20px;
    text-indent: -2000px;
    background-image: url(https://www.designnbuy.com/wp-content/uploads/2019/07/arrow-point-to-left.png);
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center;
    background-color: #fff !important;
    opacity: 9 !important;
}

.slider-img {
    width: 50%;
    position: absolute;
    top: 42.5%;
    /*top: 50%;*/
    right: 0;
    margin: -180px 0 0 0;
    z-index: 9;
}

.slider-img img {
    width: 100%;
}

.main-banner {
    position: relative;
}

.api-icon img {
    position: relative;
    top: 7px;
}

#vcSCO-PPC {
    margin-top: 50px;
}

.webinars p .read-more {
    display: none;
}

.webinars a.btn-blue {
    margin-left: 0
}

.Printing {
    position: absolute;
    margin-left: 20px
}

.sticky-btn {
    background: #007cb1;
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: space-between!important;
    width: 730px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    padding: 2px 22px 2px 2px
}

.sticky-btn h3 {
    margin-bottom: 6px !important
}

p.plan-details span {
    background: #007cb1;
    color: #fff;
    padding: 5px 20px;
    display: inline-block;
    margin-bottom: 9px;
    margin-left: 10px;
    text-transform: uppercase;
    animation: blink 1s linear infinite;
}

@keyframes p.plan-details span {
    0% {
        opacity: 0;
    }
    50% {
        opacity: .5;
    }
    100% {
        opacity: 1;
    }
}

.Personalized-Demo.ebook-details .custom-input input[type=text],
.Personalized-Demo.ebook-details .custom-input input[type=email],
.Personalized-Demo.ebook-details .custom-input input[type=tel],
.Personalized-Demo.ebook-details .custom-input textarea {
    padding: 10px 20px;
}

.Personalized-Demo.ebook-details select {
    height: 46px;
    padding: 10px 15px;
}

.Personalized-Demo.ebook-details span.wpcf7-list-item {
    font-size: 15px;
}


/************* Himanshu Css ****************/

.sub-webinar-wb a img {
    target: new;
    target-name: new;
    target-new: tab;
}

.sub-wht-tab {
    width: 15.9% !important;
}

.sub-wht-tab a {
    padding: 15px 20px !important;
}

.sub-wht-tab,
.menu-print-commerce-tab-container ul ull {
    width: 202px !important;
}

ul.sub-list-pmdp {
    margin: 10% 0 0 0;
}

ul.printing-pricing-mbp {
    margin: 8.5% 0 0 0;
}

.sub-text-hw ol {
    margin: 0 0 0 20px;
}

.sub-text-hw ol li {
    line-height: 40px;
}

ul.footer-link {
    width: 56% !important;
    float: left;
}

ul.rp-box {
    display: inline-block;
    margin: 0;
    padding: 0;
}

ul.rp-box li {
    float: left;
    list-style: none;
    margin: 20px 20px 18px 0;
    padding: 15px 15px;
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
    border-radius: 5px;
    color: #fff;
    background: #007cb1;
}

ul.rp-box li:nth-child(2) {
    color: #fff;
    background: #a8a8a8;
}

ul.rp-box li:nth-child(3) {
    color: #fff;
    background: #86aa6f;
}

ul.rp-box li:nth-child(4) {
    color: #fff;
    background: #dd2246;
}

ul.rp-box li:nth-child(5) {
    color: #fff;
    background: #e2ba7a;
}

ul.rp-box li:hover {
    box-shadow: 5px 5px 10px 5px rgba(0, 0, 0, 0.12);
    -webkit-transition: ease .3s;
    -moz-transition: ease .3s;
    -o-transition: ease .3s;
    -ms-transition: ease .3s;
}

.img-cent img {
    margin: 0 auto;
    display: inherit;
}

.main-timeline {
    max-width: 900px;
    margin: 0 auto;
}

.main-timeline .timeline {
    width: 57.3%;
    padding: 0 0 0 80px;
    margin-bottom: 20px;
    border: 5px solid #E52449;
    border-radius: 90px;
    float: right;
    position: relative;
}

.main-timeline .timeline:before {
    content: '';
    height: auto;
    width: 10px;
    background-color: #fff;
    transform: translateY(-50%);
    position: absolute;
    left: 70px;
    top: 50%;
}

.main-timeline .timeline-content {
    background-color: #E52449;
    text-align: left;
    border-radius: 0 90px 90px 0;
    display: block;
    position: relative;
}

.main-timeline .timeline-content:hover {
    text-decoration: none;
}

.main-timeline .content {
    background-color: #fff;
    padding: 17px 40px 17px 60px;
    border-radius: 90px;
    margin: -14px 0 0 0;
}

.main-timeline .timeline-year {
    color: #fff;
    background-color: #E52449;
    font-size: 24px;
    font-weight: 600;
    text-align: center;
    line-height: 39px;
    height: 60px;
    width: 60px;
    border: 10px solid #D8DCE0;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.5) inset;
    border-radius: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -70px;
    top: 50%;
}

.main-timeline .title {
    color: #E52449;
    font-size: 25px;
    text-transform: uppercase;
    margin: 0 0 7px 0;
}

.main-timeline .description {
    color: #6d7788;
    font-size: 17px;
    font-weight: 400;
    margin: 0 0 5px 0;
}

.main-timeline .timeline:nth-child(even) {
    float: left;
    padding: 0 80px 0 0;
}

.main-timeline .timeline:nth-child(even):before {
    left: auto;
    right: 70px;
}

.main-timeline .timeline:nth-child(even) .timeline-year {
    left: auto;
    right: -70px;
}

.main-timeline .timeline:nth-child(even) .timeline-content {
    border-radius: 90px 0 0 90px;
    text-align: right;
}

.main-timeline .timeline:nth-child(even) .content {
    padding: 17px 60px 17px 40px;
}

.timeline:nth-child(6n+2) {
    border-color: #F67900;
}

.timeline:nth-child(6n+2) .timeline-content {
    background-color: #F67900;
}

.timeline:nth-child(6n+2) .timeline-year {
    background-color: #F67900;
}

.timeline:nth-child(6n+2) .title {
    color: #F67900;
}

.timeline:nth-child(6n+3) {
    border-color: #f3ad0a;
}

.timeline:nth-child(6n+3) .timeline-content {
    background-color: #f3ad0a;
}

.timeline:nth-child(6n+3) .timeline-year {
    background-color: #f3ad0a;
}

.timeline:nth-child(6n+3) .title {
    color: #f3ad0a;
}

.timeline:nth-child(6n+4) {
    border-color: #8ab814;
}

.timeline:nth-child(6n+4) .timeline-content {
    background-color: #8ab814;
}

.timeline:nth-child(6n+4) .timeline-year {
    background-color: #8ab814;
}

.timeline:nth-child(6n+4) .title {
    color: #8ab814;
}

.timeline:nth-child(6n+5) {
    border-color: #3C9EEF;
}

.timeline:nth-child(6n+5) .timeline-content {
    background-color: #3C9EEF;
}

.timeline:nth-child(6n+5) .timeline-year {
    background-color: #3C9EEF;
}

.timeline:nth-child(6n+5) .title {
    color: #3C9EEF;
}

.timeline:nth-child(6n+6) {
    border-color: #9241EA;
}

.timeline:nth-child(6n+6) .timeline-content {
    background-color: #9241EA;
}

.timeline:nth-child(6n+6) .timeline-year {
    background-color: #9241EA;
}

.timeline:nth-child(6n+6) .title {
    color: #9241EA;
}

@media screen and (max-width:1200px) {
    .main-timeline .timeline {
        width: 59%;
    }
    .main-timeline .timeline-content {
        border-radius: 0 92px 92px 0;
    }
    .main-timeline .timeline:nth-child(even) .timeline-content {
        border-radius: 92px 0 0 92px;
    }
    .main-timeline .content {
        padding: 25px 40px 25px 80px;
    }
    .main-timeline .timeline:nth-child(even) .content {
        padding: 25px 80px 25px 40px;
    }
}

@media screen and (max-width:990px) {
    .main-timeline .timeline {
        width: 61.7%;
    }
}

@media screen and (max-width:767px) {
    .main-timeline .timeline {
        width: 100%;
    }
    .main-timeline .timeline:nth-child(even) {
        float: right;
        padding: 0 0 0 80px;
    }
    .main-timeline .timeline:nth-child(even):before {
        left: 70px;
    }
    .main-timeline .timeline:nth-child(even) .timeline-content {
        border-radius: 0 92px 92px 0;
        text-align: left;
    }
    .main-timeline .timeline:nth-child(even) .timeline-year {
        left: -70px;
    }
    .main-timeline .timeline:nth-child(even) .content {
        padding: 25px 40px 25px 80px;
    }
    ul.printing-pricing-mbp {
        margin: 0 0 0 0;
    }
    ul.sub-list-pmdp {
        margin: 0 0 0 0;
    }
}

@media screen and (max-width:667px) {
    ul.rp-box li {
        margin: 20px 20px 0 0;
    }
    .sub-text-hw ol {
        margin: 0 0 0 34px;
    }
}

@media screen and (max-width:479px) {
    .main-timeline {
        padding-top: 20px;
        display: inline-block;
    }
    .main-timeline .timeline,
    .main-timeline .timeline:nth-child(even) {
        padding: 0;
        margin-bottom: 35px;
        border-radius: 10px;
    }
    .main-timeline .timeline:before {
        display: none;
    }
    .main-timeline .timeline-content,
    .main-timeline .content {
        border-radius: 0 0 0 0;
    }
    .main-timeline .timeline-year,
    .main-timeline .timeline:nth-child(even) .timeline-year {
        top: -33px;
        left: 50%;
        transform: translateY(0) translateX(-50%) scale(0.7);
    }
    .main-timeline .timeline:nth-child(even) .content,
    .main-timeline .content {
        text-align: center;
        padding: 55px 20px 20px;
    }
    .main-timeline .title {
        font-size: 18px;
    }
    .container {
        max-width: 1280px;
        margin: 0 auto;
    }
    .main-timeline .content {
        padding: 25px 20px 25px 40px;
    }
    .main-timeline .timeline:nth-child(2n) .content {
        padding: 25px 40px 5px 40px;
    }
    .main-timeline .description {
        margin: 0 0 0 0;
    }
    .sub-text-hw ol {
        margin: 0 0 0 30px;
    }
}

.sub-br img {
    border-radius: 8px;
    box-shadow: 0 2px 15px #ccc;
}

.main-box-how {
    width: 100%;
    display: inline-block;
    margin: 0;
    box-shadow: 0 2px 15px #ccc;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0 0 20px 0;
}

.how-num {
    width: 65px;
    height: 65px;
    display: inline-block;
    background: #ff8300;
    text-align: center;
    line-height: 64px;
}

.how-num h3 {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin: 0 0 0 0;
}

.how-content {
    width: 85%;
    float: right;
}

.how-content h4 {
    color: #1b314b;
    font-size: 15px;
    padding: 10px 35px 0 0;
}


/*.banner-video{min-height:600px;}
.banner-video .video-cover-container{background-color: rgba(0, 0, 0, 0) !important; box-shadow: none;}
.banner-video .video-cover{background-color: rgba(0, 0, 0, 0);}
.banner-video,#pg-11645-1,.panel-row-style{padding: 90px 0;}*/

.business-crd-box {
    width: 100%;
    position: relative;
    background-color: black;
    height: auto;
    min-height: auto;
    overflow: hidden;
}

.business-crd-box video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
}

.business-crd-box .business-text-box {
    position: relative;
    z-index: 2;
}

.business-crd-box .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
}

@media screen and (max-width: 768px) (pointer: coarse) and (hover: none) {
    .business-crd-box {
        background: black no-repeat center center scroll;
    }
    /*.business-crd-gt {
	background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/greeting-card-bg1.jpg) black no-repeat center center scroll;
  }*/
    .business-crd-box video {
        display: none;
    }
}

.business-crd-text {
    width: 100%;
    text-align: center;
    padding: 202px 0;
}

.business-crd-text h3 {
    color: #FFF;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    padding: 0 0 25px 0;
}

.business-crd-text p {
    color: #FFF;
    font-size: 14px;
    margin: 0;
    padding: 0;
}


/*.banner-design-bgs{background:url(https://www.designnbuy.com/wp-content/uploads/2019/03/BG-01.svg); background-repeat:no-repeat;
	background-position:center top; background-size:cover;
}*/

.business-crd-text a.btn-orange {
    font-size: 16px;
}

@media (min-aspect-ratio: 16/9) {
    .business-crd-box video {
        width: 100%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    .business-crd-box video {
        width: 100%;
        height: auto;
    }
}

.industries_menu ul {
    column-count: 2;
}


/*
.industries_menu #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu{width: auto !important;}
.industries_menu ul{width:820px !important;}

.industries_menu #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
	width: 400px !important;
}*/

.home_banner .owl-carousel .owl-wrapper-outer {
    width: 50%;
}

.home_banner {
    background: url(https://www.designnbuy.com/wp-content/uploads/2019/12/Home-Slider.jpg);
    background-position: top right;
    background-repeat: no-repeat;
}

.custom-packaging-dp {
    min-height: 625px;
}

.digital-textile-dp {
    min-height: 770px;
}

.home-client .panel-grid-cell .widget-title {
    font-size: 16px;
    padding: 34px 0 0 0;
}

.home-client .panel-grid {
    margin: 0 0 35px 0 !important;
}

.sub-store-banner {
    position: relative;
    top: 10px;
}

.sub-store-banner,
#panel-12256-2-0-0>.panel-widget-style {
    padding: 0 0 0 0 !important;
}

.img-Product-pd {
    margin: 8% 0 0 0;
}

.img-Personal-pd {
    margin: 6.5% 0 0 0;
}

.img-Customer-act {
    margin: 4% 0 0 0;
}

.catalogue-text-mb {
    padding: 10.5% 0 25px 0px !important;
}

.message-text-mb {
    padding: 11.5% 0 25px 0px !important;
}

.shopping-text-mb {
    padding: 20% 0 25px 0px !important;
}

.box-pricing-pt .icon-container h3 {
    font-size: 19px;
}

#photo-prints-ordering iframe.video-pup {
    width: 60%;
    height: 68%;
}


/************** End ****************/

@media screen and (max-width: 1400px) {
    #AIOD-Banner .item .container {
        max-width: 1190px;
    }
    #AIOD-Banner.owl-carousel .owl-controls .owl-pagination {
        margin-left: -608px;
    }
    #AIOD-Banner .item .container h2 {
        font-size: 46px;
        line-height: 68px !important;
    }
    #AIOD-Banner .item .container h2,
    #AIOD-Banner .item .container p {
        max-width: 460px;
    }
    .home-Banner.owl-carousel .owl-controls .owl-prev {
        top: auto;
        bottom: 54px;
        left: 160px;
    }
    .home-Banner.owl-carousel .owl-controls .owl-next {
        right: auto;
        left: 240px;
        bottom: 54px;
        top: auto;
    }
    .home-Banner .owl-pagination {
        text-align: left;
        position: relative;
        top: 36px;
    }
    .home-Banner.owl-carousel .owl-controls .owl-prev,
    .home-Banner.owl-carousel .owl-controls .owl-next {
        display: none;
    }
    .home_banner {
        background-position: 122% 0 !important;
    }
    .home_banner .owl-carousel .owl-wrapper-outer {
        width: 37%;
    }
    .home_banner .home-Banner .item .inr-bg {
        max-width: 470px;
    }
}

@media screen and (max-width: 1300px) {
    .home_banner {
        background-position: 127% 0 !important;
    }
    .home_banner .home-Banner .item .inr-bg {
        max-width: 450px;
    }
    .home_banner .owl-carousel .owl-wrapper-outer {
        width: 34%;
    }
    .sub-wht-tab,
    .menu-print-commerce-tab-container ul ul {
        width: 150px !important;
    }
}

@media screen and (max-width: 1280px) {
    .quotation-banner {
        min-height: 580px !important;
    }
    .sub-wht-tab {
        width: 16.0% !important;
    }
    #pg-3404-0>.panel-row-style {
        background-position: right 47px !important;
    }
}

@media screen and (max-width: 1290px) {
    .container {
        max-width: 100%;
    }
    .homePageSlider {
        max-width: 100%;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 0 11px 0 0 !important;
    }
    .container.dott-container {
        padding: 0 45px;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
        width: 1140px !important;
    }
    .clients-home.panel-row-style {
        padding: 60px 0 0 !important;
    }
    #pg-30-1>.panel-row-style {
        padding-top: 70px !important;
    }
    #AIOD-Banner.owl-carousel .owl-controls .owl-prev {
        display: none
    }
    #AIOD-Banner.owl-carousel .owl-controls .owl-next {
        display: none
    }
    .page-id-9287 .in-content>.container,
    .page-id-9287 .in-content>.container {
        max-width: 100%;
        padding: 0 !important
    }
}

@media screen and (max-width: 1200px) {
    .menu-area .menu-buttons a.btn-blue {
        display: none;
    }
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu {
        width: 980px !important;
    }
    #AIOD-Banner {
        background-color: #016f9e
    }
    #AIOD-Banner .item .banner-bg {
        background-image: none !important;
    }
    #AIOD-Banner .item:after {
        background-image: none;
    }
    #AIOD-Banner .item .container {
        padding: 60px 60px;
        text-align: center;
    }
    #AIOD-Banner .item .container h2,
    #AIOD-Banner .item .container p {
        max-width: 100%;
    }
    #AIOD-Banner .item .container h2 {
        font-size: 36px;
        line-height: 50px !important;
    }
    #AIOD-Banner .item .container h2 br {
        display: none;
    }
    #AIOD-Banner.owl-carousel .owl-controls .owl-pagination {
        margin-left: -70px;
        ;
        bottom: 30px;
    }
    #AIOD-Banner.owl-carousel .owl-controls .owl-prev {
        left: 10px;
        top: 50%;
        bottom: auto;
    }
    #AIOD-Banner.owl-carousel .owl-controls .owl-next {
        right: 10px;
        top: 50%;
        bottom: auto;
        left: auto;
    }
    .home-Banner .item .inr-bg {
        max-width: 464px;
    }
}

@media screen and (max-width: 1160px) {
    .sub-wht-tab {
        width: 15% !important;
    }
}

@media screen and (max-width: 1025px) {
    .sticky-btn {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .home_banner {
        background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/home-page-banner2.jpg);
        background-position: center top !important;
        background-size: contain;
        background-repeat: no-repeat;
    }
    .home_banner .owl-carousel .owl-wrapper-outer {
        width: 100%;
    }
    .home_banner .main-banner {
        padding-top: 58%;
    }
    .home_banner .home-Banner .item .inr-bg {
        max-width: 100%;
    }
}

@media screen and (max-width: 980px) {
    #mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        padding: 0 11px !important;
    }
    .header-top.sticky2 .in-col-4.logo-mobile .main-logo img {
        display: none;
    }
    .header-top.sticky2 .in-col-4.logo-mobile a.btn-orange {
        display: block !important;
        width: 200px;
        margin: 2px auto 3px
    }
    .header-top.sticky2 .theme-la {
        display: none
    }
    .header-top.sticky2 .in-col-4.logo-mobile {
        position: absolute;
        top: -10x;
        left: 0;
        width: calc(100% - 10px) !important;
        margin: auto;
        right: -60px;
        padding: 9px 0 6px;
    }
    .home-Banner .item .inr-bg {
        max-width: 100%;
        padding: 0 30px
    }
    .home-Banner p {
        display: block;
        font-size: 18px;
    }
    .slider-img {
        position: static;
        width: 100%;
        margin: 0;
    }
    .home-Banner {
        padding: 30px 0 30px;
    }
    .main-banner .container {
        width: 100%;
        padding: 0;
    }
    .main-banner .owl-buttons {
        display: none;
    }
    .main-banner {
        padding-top: 30px;
    }
    .home-Banner .owl-pagination {
        top: 15px;
    }
    .owl-theme .owl-controls {
        padding-left: 17px;
        margin-top: 0;
    }
    .slider-img {
        padding: 0 15px
    }
    .Printing {
        display: none;
    }
    .case-studies .tab-blog-img {
        width: 100% !important;
    }
    .ftr-section .btn-orange {
        width: 100%;
        font-size: 18px;
        border-radius: 0;
        display: inline-block;
        padding: 20px 10px;
        margin: 0;
    }
    .cli-review-new ul li {
        display: inline-block;
        text-align: center;
        margin: auto;
        width: 100%;
    }
    .cli-review-new ul li img {
        margin: auto;
    }
    .cli-review-new ul {
        margin: 5px 0 5px 0;
    }
}

@media screen and (max-width: 946px) {
    .how-content {
        width: 80%;
    }
    .main-box-how {
        box-shadow: 0 2px 5px #ccc;
        border-radius: 0px;
    }
}

@media screen and (max-width: 768px) {
    .quotation-banner {
        min-height: 380px !important;
    }
    ul.rp-box li {
        margin: 8px 20px 8px 0;
    }
    .sub-br img {
        box-shadow: none;
    }
    .how-content {
        width: 79%;
    }
    .business-crd-text {
        padding: 150px 0;
    }
    .business-crd-text h3 {
        font-size: 26px;
    }
    .home_banner .owl-carousel .owl-wrapper-outer {
        width: 100%;
    }
    .home_banner .main-banner {
        padding-top: 65%;
    }
    .home-Banner .item .inr-bg {
        max-width: 100%;
    }
    .custom-packaging-dp {
        min-height: auto;
    }
    .digital-textile-dp {
        min-height: auto;
    }
}

@media screen and (max-width: 767px) {
    .catalogue-text-mb {
        padding: 0 0 25px 0px !important;
    }
    .shopping-text-mb {
        padding: 0 0 25px 0px !important;
    }
    .box-pricing-pt .panel-grid-cell {
        margin: 0 0 15px 0 !important;
    }
}

.sub-lastest-menu {}

.footer-demo-btn {
    display: none !important
}

#AIOD-Banner.owl-carousel .owl-controls .owl-prev {
    left: 10px;
    top: auto;
    bottom: 30px;
    width: 40px;
    height: 40px;
    background-size: 12px;
    display: block
}

#AIOD-Banner.owl-carousel .owl-controls .owl-next {
    right: 10px;
    top: auto;
    left: auto;
    bottom: 30px;
    width: 40px;
    height: 40px;
    background-size: 12px;
    display: block
}

.footer_newsletter .newletter input {
    font-size: 20px !important;
}

.newsletter input::-webkit-input-placeholder {
    font-size: 20px;
}

.newsletter input::-moz-placeholder {
    font-size: 20px;
}

.newsletter input:-ms-input-placeholder {
    font-size: 20px;
}

.newsletter input:-moz-placeholder {
    font-size: 20px;
}

.api-icon h2.sow-headline {
    font-size: 15px !important;
}

#vcSCO-PPC {
    margin-top: 30px;
}

.white-right-border {
    padding-right: 0 !important
}

.custom-checkbox #form-checkbox-2 {
    display: none;
}

.custom-checkbox {
    font-size: 13px;
}

.common-footer .footer-col {
    padding: 15px 0
}

ul.footer-link {
    width: 100%;
}


}
@media screen and (max-width: 760px) {
    .how-content {
        width: 87%;
    }
}
@media screen and (max-width: 667px) {
    .how-content h4 {
        font-size: 14px;
        font-weight: 600;
    }
    
    .business-crd-text {
        padding: 0;
        min-height: 250px;
    }
    
    .business-crd-text h3 {
        font-size: 13px;
        padding: 16px 0 52% 0;
    }
    
    .business-crd-text a.btn-orange {
        font-size: 12px;
    }
    
    .industries_menu ul {
        column-count: 1;
    }
}
@media screen and (max-width: 640px) {
    .quotation-banner {
        min-height: 250px !important;
    }
    
    ul.rp-box li {
        width: 100%;
        text-align: center;
    }
    
    .common-footer {
        padding: 20px 0 50px;
    }
    
    .main-box-how {
        border-radius: 0;
    }
}
@media screen and (max-width: 565px) {
    .how-content {
        width: 82%;
    }
}
@media screen and (max-width: 479px) {
    .quotation-banner {
        min-height: 200px !important;
    }
    
    .video-cover {
        display: block;
        min-height: 230px!important;
        background-size: cover;
        background-color: #fff;
        background-position: center;
    }
    
    .photo-album .video-cover {
        display: block;
        min-height: 270px!important;
        background-size: cover;
        background-color: #fff;
        background-position: center;
    }
    
    .photo-album .video-cover-container {
        margin: 10px 0;
    }
    
    .how-content {
        width: 75%;
    }
}
ul#menu-home-page-tab-menu li.hide {
    display: none;
}

/*New ROI Style 22-11-2019 START*/
.main-roi-box {
    margin: 50px 0 0 0;
    position: relative;
}
.roi-center-box {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    background: #e2ba7a;
    border-radius: 15px;
    position: relative;
    overflow: hidden;
    margin: 15px 0 0 0;
    display: inline-block;
}
.roi-center-box h3 {
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    color: #1b314b;
    text-align: center;
    padding: 12px 0 0 0;
    margin: 0;
}
.roi-box-a,
.roi-box-b,
.roi-box-c,
.roi-box-d {
    width: 50%;
    height: 200px;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
}
.roi-box-a,
.roi-box-b,
.roi-box-c,
.roi-box-d h3 {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    font-family: 'Muli', sans-serif;
    text-align: center;
    line-height: 40px;
    margin: 0;
    padding: 30px 0 30px 0;
}
.roi-box-a:nth-child(1) {
    background: #007cb1;
    border-top-left-radius: 20px;
}
.roi-box-b:nth-child(2) {
    background: #a8a8a8;
    border-top-right-radius: 20px;
}
.roi-box-c:nth-child(3) {
    background: #86aa6f;
    border-bottom-left-radius: 20px;
}
.roi-box-d:nth-child(4) {
    height: 200px;
    background: #dd2246;
    border-bottom-right-radius: 20px;
    padding: 30px 0 30px 0;
}
.roi-box-a:after {
    content: "";
    background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/plus.png);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    top: 66px;
    right: -30px;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.roi-box-c:before {
    content: "";
    background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/plus.png);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    top: -31px;
    right: 45.2%;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.roi-box-c:after {
    content: "";
    background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/equal.png);
    background-position: top right;
    background-repeat: no-repeat;
    position: absolute;
    top: 120px;
    right: -30px;
    left: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.roi-text-box {
    width: 100%;
    font-family: 'Muli', sans-serif;
    display: inline-block;
    margin: 0;
    padding: 40px 0 0 0;
}
.roi-text-box p {
    color: #222222;
    font-size: 15px;
}
.roi-text-box p span {
    color: #222222;
}
.roi-text-box ol {
    display: block;
    margin: 0;
    padding: 0;
}
.roi-text-box li {
    line-height: 36px;
    margin: 0 0 0 16px;
    padding: 0;
}
@media screen and (max-width: 1366px) {
    .quotation-banner {
        min-height: 700px;
    }
    
    .bg-right-top {
        background-position: right 62px !important;
    }
    
    .roi-center-box {
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        background: #e2ba7a;
        border-radius: 15px;
        position: relative;
        overflow: hidden;
        margin: 15px 0 0 0;
        display: inline-block;
    }
    
    .roi-center-box h3 {
        ont-size: 18px;
        font-family: 'Muli', sans-serif;
        color: #1b314b;
        text-align: center;
        padding: 12px 0 0 0;
        margin: 0 0 0 0;
    }
    
    .roi-box-a,
    .roi-box-b,
    .roi-box-c,
    .roi-box-d h3 {
        font-size: 16px;
    }
    
    .roi-box-a,
    .roi-box-b,
    .roi-box-c,
    .roi-box-d h3 {
        padding: 60px 0 30px 0;
    }
    
    .roi-box-a,
    .roi-box-b,
    .roi-box-c,
    .roi-box-d {
        height: 250px;
    }
    
    .roi-box-d:nth-child(4) {
        height: 250px;
    }
}
@media screen and (max-width: 1024px) {
    .roi-box-a,
    .roi-box-b,
    .roi-box-c,
    .roi-box-d h3 {
        font-size: 15px;
        line-height: 26px;
    }
    
    .roi-box-a,
    .roi-box-b,
    .roi-box-c,
    .roi-box-d {
        width: 100%;
        height: auto;
    }
    
    .roi-center-box {
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        padding: 10px 20px 8px;
        border-radius: 0;
        position: relative;
    }
    
    .roi-box-d:nth-child(4) {
        height: auto;
        padding: 0;
    }
    
    .roi-box-a:nth-child(1),
    .roi-box-b:nth-child(2),
    .roi-box-c:nth-child(3),
    .roi-box-d:nth-child(4) {
        border-top-left-radius: 0px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    
    .roi-box-a,
    .roi-box-b,
    .roi-box-c,
    .roi-box-d h3 {
        padding: 25px 0 10px 0;
    }
    
    .roi-box-c::before {
        right: 47%;
    }
    
    .roi-box-c::after {
        display: none;
    }
    
    .roi-box-a::after {
        display: none;
    }
    
    .roi-box-b:after {
        content: "";
        background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/plus.png);
        background-position: top right;
        background-repeat: no-repeat;
        position: absolute;
        top: -32px;
        right: 47%;
        left: 0;
        bottom: 0;
        z-index: 9999;
        display: none;
    }
    
    .roi-box-d:after {
        content: "";
        background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/equal.png);
        background-position: top right;
        background-repeat: no-repeat;
        position: absolute;
        top: -29px;
        right: 47%;
        left: 0;
        bottom: 0;
        z-index: 9999;
        display: none;
    }
}
@media screen and (max-width: 768px) {
    .blog-client-btm ul li {
        width: 100%;
    }
}
@media screen and (max-width: 667px) {
    .quick-video-box {
        background-image: none !important;
    }
    
    .roi-box-b::after {
        top: -16px;
        right: 48%;
        background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/plus-30.png);
        background-position: top right;
        background-repeat: no-repeat;
        display: none;
    }
    
    .roi-box-c::before {
        top: -16px;
        right: 48%;
        background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/plus-30.png);
        background-position: top right;
        background-repeat: no-repeat;
        display: none;
    }
    
    .roi-box-d::after {
        top: -16px;
        right: 48%;
        background: url(https://www.designnbuy.com/wp-content/uploads/2019/11/equal-30.png);
        background-position: top right;
        background-repeat: no-repeat;
        display: none;
    }
    
    .roi-text-box h2 {
        font-size: 18px;
        line-height: 30px !important;
    }
    
    .roi-text-box li {
        font-size: 14px;
        line-height: 26px;
        padding: 0 0 8px 0;
    }
    
    .roi-text-box {
        padding: 20px 0 0 0;
    }
    
    .phone-sidebar {
        max-width: 50% !important;
        min-width: 50% !important;
        padding: 20px 15px !important;
    }
}
@media screen and (max-width: 414px) {
    .roi-box-b::after,
    .roi-box-c::before,
    .roi-box-d::after {
        right: 46%;
        top: -15px;
    }
}

/*New ROI 22-11-2019 END*/
.quick-video-box .video-cover-container {
    box-shadow: none !important;
    background-color: rgba(225, 255, 255, 0.0);
}
.quick-video-box .video-cover {
    background-color: rgba(225, 255, 255, 0.0);
    background-size: contain;
    background-repeat: no-repeat;
}
.quick-desktop-vd .video-cover-container {
    float: left;
    margin: 30px 0 0 0;
}
.quick-video-box .pop-v-btn-1 {
    left: 53%;
}
.quick-video-box .pop-v-btn-2 {
    left: 53%;
}
.quick-video-box .pop-v-btn-3 {
    left: 53%;
}
.ver_release .theme-sidebar:nth-last-child(3) {
    display: none!important;
}

/************* Blog menu ***************/
.ace-responsive-menu {
    list-style: none;
    margin: 0 0 40px 0 !important;
    padding: 0;
    border: 1px solid #d4dee5;
    border-radius: 5px;
    float: left;
    width: 100%;
}
.ace-responsive-menu li {
    list-style: none;
}
.ace-responsive-menu li ul {
    display: none;
}
.ace-responsive-menu>li.home_icon {
    width: 10%!important;
}
.ace-responsive-menu>li {
    width: 18%!important;
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: left;
}
.ace-responsive-menu li a {
    color: #000;
}
.ace-responsive-menu>li>a {
    font-family: Muli, sans-serif;
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 12px 0 8px;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    color: #000;
}
.ace-responsive-menu li a i {
    padding: 0 0 0 0;
}
.ace-responsive-menu>li.current-menu-item>a i,
.ace-responsive-menu>li.home_icon:hover>a i {
    color: #fff;
}
.ace-responsive-menu>li>a i {
    font-size: 18px;
    text-shadow: none;
    color: #000;
}
a.blog_home {
    padding: 12px 20px 8px 11px !important;
}
.ace-responsive-menu li ul.sub-menu li a i {
    padding-right: 10px;
}
.ace-responsive-menu li.current-menu-parent>a,
.ace-responsive-menu li.menu-active>a,
.ace-responsive-menu li.current-menu-item>a {
    background: #007cb1!important;
    color: #fff;
}
.ace-responsive-menu li .menu-active,
.ace-responsive-menu li .current-menu-item {
    position: relative;
}
.ace-responsive-menu>li>a>.arrow:before {
    margin-left: 15px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: " \276F";
    font-weight: 300;
    text-shadow: none;
    width: 10px;
    display: inline-block;
    transform: rotate(90deg);
}
.ace-responsive-menu li ul.sub-menu li>a>.arrow:before {
    content: "\f105" !important;
}
.ace-responsive-menu>li>ul.sub-menu {
    display: none;
    width: 230px;
    list-style: none;
    clear: both;
    margin: 0;
    position: absolute;
    z-index: 999;
}
.ace-responsive-menu li ul.sub-menu {
    background: #fff;
}
.ace-responsive-menu li ul.sub-menu>li {
    /* width: 185px; */
    
    width: 100%!important;
}
.ace-responsive-menu li ul.sub-menu li a {
    display: block;
    margin: 0px 0px;
    padding: 2px 20px 2px 15px;
    text-decoration: none;
    font-size: 12px;
    font-weight: normal;
    background: none;
    font-family: Muli, sans-serif;
    font-weight: 700;
}
.ace-responsive-menu>li>ul.sub-menu>li {
    position: relative;
}
.ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu {
    position: absolute;
    left: 185px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu {
    position: absolute;
    left: 220px;
    top: 0px;
    display: none;
    list-style: none;
}
.ace-responsive-menu>li>ul.sub-menu li>a>.arrow:before {
    float: right;
    margin-top: 1px;
    margin-right: 0px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow: none;
}

/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle {
    display: none;
    float: left;
    width: 100%;
    border: 1px solid #d4dee5;
}
.menu-toggle h3 {
    float: left;
    color: #007cb1;
    padding: 16px 0 0 10px;
    font-weight: 600;
    font-size: 16px;
}
.menu-toggle .icon-bar {
    display: block !important;
    width: 18px;
    height: 2px;
    background-color: #F5F5F5 !important;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    margin: 3px;
}
.menu-toggle .icon-bar:hover {
    background-color: #F5F5F5 !important;
}
.menu-toggle #menu-btn {
    float: right;
    background: #007cb1;
    border: 1px solid #007cb1;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
    margin: 10px;
}
.hide-menu {
    display: none;
}

/* Accordion Menu Styles
----------------------------------------*/
ul[data-menu-style="accordion"] {
    width: 250px;
}
ul[data-menu-style="accordion"]>li {
    display: block;
    margin: 0;
    padding: 0;
    border: 0px;
    float: none !important;
}
ul[data-menu-style="accordion"]>li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="accordion"] li ul.sub-menu>li {
    width: 100%;
}
ul[data-menu-style="accordion"]>li>a>.arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="accordion"] li.ace-responsive-menu>a>.arrow:before,
ul[data-menu-style="accordion"] li.menu-active>a>.arrow:before {
    content: "\f107" !important;
}
ul[data-menu-style="accordion"]>li>ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"]>li>a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="accordion"]>li>ul.sub-menu>li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"]>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu {
    position: static;
}
ul[data-menu-style="accordion"]>li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="accordion"] li a:hover {
    background: #272727 !important;
}
ul[data-menu-style="accordion"] ul.sub-menu li.current-menu-item>a>.arrow:before,
ul[data-menu-style="accordion"] ul.sub-menu li.menu-active>a>.arrow:before {
    content: "\f107" !important;
}

/* Vertical Menu Styles
----------------------------------------*/
ul[data-menu-style="vertical"] {
    width: 200px;
}
ul[data-menu-style="vertical"]>li {
    float: none;
}
ul[data-menu-style="vertical"]>li:first-child {
    border-top: 2px solid #FD5025;
}
ul[data-menu-style="vertical"] li ul.sub-menu>li {
    width: 100%;
}
ul[data-menu-style="vertical"]>li>a>.arrow:before {
    float: right;
    content: "\f105";
}
ul[data-menu-style="vertical"]>li.current-menu-item,
ul[data-menu-style="vertical"]>li.menu-active {
    position: relative;
}
ul[data-menu-style="vertical"]>li>ul.sub-menu {
    position: absolute;
    left: 200px;
    top: 0px;
    width: 200px;
}
ul[data-menu-style="vertical"]>li>a i {
    padding-right: 10px;
    color: #FF5737;
}
ul[data-menu-style="vertical"]>li>ul.sub-menu>li ul.sub-menu {
    position: absolute;
    width: 200px;
    left: 200px;
}
ul[data-menu-style="vertical"]>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu {
    position: absolute;
    width: 200px;
    left: 200px;
}
ul[data-menu-style="vertical"]>li {
    border-bottom: 1px solid #242424;
}
ul[data-menu-style="vertical"] li a:hover {
    background: #272727 !important;
}
.ace-responsive-menu li ul.sub-menu li a:hover {
    background: #007cb1;
    color: #fff;
}
@media screen and (max-width: 1024px) {
    .ace-responsive-menu>li>a {
        padding: 12px 20px 8px 20px;
    }
}
@media screen and (max-width: 768px) {
    .demo {
        width: 100%;
        margin: 20px 0 25px 0;
        float: left;
    }
    
    ul[data-menu-style="vertical"],
    ul[data-menu-style="accordion"],
    ul[data-menu-style="vertical"] li ul.sub-menu {
        width: 100% !important;
    }
    
    .ace-responsive-menu {
        float: left;
        width: 100%;
    }
    
    .ace-responsive-menu>li>a {
        text-align: left;
    }
    
    .ace-responsive-menu>li {
        border-bottom: 1px solid #242424;
        float: none;
        width: auto!important;
    }
    
    .ace-responsive-menu li a:hover {
        color: #000;
    }
    
    .ace-responsive-menu>li:first-child {
        width: auto!important;
        border-top: 2px solid #007cb1;
    }
    
    .ace-responsive-menu>li>a i {
        padding-right: 10px;
        color: #000;
    }
    
    .ace-responsive-menu>li>a>.arrow:before {
        float: right;
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }
    
    li.current-menu-item>a>.arrow:before,
    li.menu-active>a>.arrow:before {
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }
    
    .ace-responsive-menu li ul.sub-menu>li {
        width: 100%;
    }
    
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 30px;
    }
    
    .ace-responsive-menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {
        padding-left: 50px;
    }
    
    .ace-responsive-menu>li>ul.sub-menu {
        position: static;
    }
    
    .ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu {
        position: static;
    }
    
    .ace-responsive-menu>li>ul.sub-menu>li ul.sub-menu>li ul.sub-menu {
        position: static;
    }
    
    .ace-responsive-menu li ul.sub-menu li.current-menu-item>a>.arrow:before,
    .ace-responsive-menu li ul.sub-menu li.menu-active>a>.arrow:before {
        content: " \276F";
        font-weight: 300;
        text-shadow: none;
        width: 10px;
        display: inline-block;
        transform: rotate(90deg);
    }
}

/************* Blog menu end ***************/
.quotation-banner {
    min-height: 787px;
}
.sub-title-evvn h3 {
    text-transform: inherit !important;
}

.princing-box_new a{
	color: #3a5998;
    font-size: 20px;
    font-weight: 400;
    background-color: #fff;
    text-align: center;
    display: block;
    margin: -4px 0px;
    padding: 14px 0;
    text-decoration: none !important;
}

.princing-box_new p {
    margin: 0 !important;
}
.princing-box_new {
    border-radius: 12px;
    overflow: hidden;
}

.sup-new-sec h3 {
    font-size: 18px !important;
    font-weight: 400 !important;
}
.img-sec .custom-html-widget{
	text-align:center;
}

.price_section .siteorigin-widget-tinymce{
    text-align: center;
}
.princing-box_new {
    border-radius: 12px;
    overflow: hidden;
    display: inline-block;
    margin: auto auto 50px auto;
    text-align: center;
}
.thame-new{
	padding: 10px 25px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    outline: 0!important;
    color: #fff;
    background-color: #ff8300;
    border: 0!important;
    font-weight: 700;
    text-decoration: none;
    border-radius: 50px;
    display: inline-block;
    margin-left: 8px;
}
.b-display b{
	display: block;
}
.widget_text.FOLLOW-sec .textwidget{
	display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 50px;
    background: #ececec;
    padding: 20px 15px 30px;
	flex-wrap:wrap;
}
.widget_text.FOLLOW-sec .textwidget h3{
	 margin: 0 !important;
    padding: 20px 0;
}
/* contact form 7 */
.blog-container .wpcf7-form .wpcf7-form-control.wpcf7-submit,
.theme-sidebar .wpcf7-form .wpcf7-form-control.wpcf7-submit {
    line-height: normal;
    display: inline-block;
    margin-bottom: 5px;
    padding: 12px 35px;
    background: #fe8400;
    -moz-border-radius: 35px;
    -webkit-border-radius: 35px;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    font-size: 15px;
    border: none;
    margin-top: 32px;
}
.blog-container .wpcf7-form .newsletter,
.theme-sidebar .wpcf7-form .newsletter{
    border: 1px solid #ebebeb;
    background-color: #f0f0f0;
    border-radius: 5px;
    font-size: 18px;
    padding: 10px;
    margin: 25px 0 0 0;
    display: block;
    width: 100%;
    outline: 0;
    line-height: 1;
    position: static;
    top: 0;
}
.blog-container .wpcf7-form label,
.theme-sidebar .wpcf7-form label{
    display: inline-block;
    line-height: 1.3;
    clear: both;
    font-weight: 700;
    color: #000;
}
.theme-sidebar .so-widget-sow-editor .other_newsletter{
    border: none;
    padding: 0;
    padding-bottom: 0;
    margin: 0;
}
.blog-container .so-widget-sow-editor .other_newsletter{
    padding: 20px;
}
.blog-container .wpcf7 > p,
.theme-sidebar .wpcf7 > p{
    margin-bottom: 0 !important;
}
.blog-container  span.wpcf7-not-valid-tip,
.theme-sidebar  span.wpcf7-not-valid-tip{
    color: #f17d7d;
    font-weight: 700;
    letter-spacing: normal;
    padding-top:16px;
    font-size:0.9em !important;
}
.blog-container .wpcf7-form .newsletter.wpcf7-not-valid,
.theme-sidebar .wpcf7-form .newsletter.wpcf7-not-valid{
    border-color:#790000; 
}
#AIOD-Banner .item .container h2, #AIOD-Banner .item .container p{
	min-height:59px;
}
#mega-menu-wrap-primary #mega-menu-primary>li.btn-orange.menu-top.last.bt-demo a {
    background: #fff !important;
    color: #000 !important;
}
.hel-text p.sow-sub-headline {
    background: #007cb1;
    color: #fff !important;
    padding: 20px;
    max-width: 1040px;
    margin: auto;
}


.tex-hil{
	    background: #007cb1;
}
.tex-hil p{
    max-width: 1024px;
    text-align: center;
    margin: auto;
    font-size: 30px;
    color: #fff;
}
.lef-right .decoration{
	display:none;
}
@media screen and (max-width: 767px) {
	.blog_clap{
		display:none
	}
	.linkedin_follow,.youtube_subscription{
		display:none
	}
	.tex-hil p{
    font-size: 18px;
}
}