@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.fa, .far, .fas { font-family: 'FontAwesome'; }

@font-face {
    font-family: 'Public Sans';
    src: local('Public Sans SemiBold'), local('PublicSans-SemiBold'),
        url('../fonts/PublicSans-SemiBold.woff2') format('woff2'),
        url('../fonts/PublicSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: local('Public Sans Regular'), local('PublicSans-Regular'),
        url('../fonts/PublicSans-Regular.woff2') format('woff2'),
        url('../fonts/PublicSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Public Sans';
    src: local('Public Sans Medium'), local('PublicSans-Medium'),
        url('../fonts/PublicSans-Medium.woff2') format('woff2'),
        url('../fonts/PublicSans-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: local('Bitter SemiBold'), local('Bitter-SemiBold'),
        url('../fonts/Bitter-SemiBold.woff2') format('woff2'),
        url('../fonts/Bitter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro'), local('SourceSansPro-Regular'),
        url('../fonts/SourceSansPro-Regular.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'),
        url('../fonts/SourceSansPro-SemiBold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Bitter';
    src: local('Bitter Black'), local('Bitter-Black'),
        url('../fonts/Bitter-Black.woff2') format('woff2'),
        url('../fonts/Bitter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
        url('../fonts/SourceSansPro-Bold.woff2') format('woff2'),
        url('../fonts/SourceSansPro-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

body {padding: 0;margin: 0;font-family: 'Source Sans Pro';font-weight: normal;}
html, body {width: 100%;height: 100%}
a {text-decoration: none;color: #30457C;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;}
a:hover {text-decoration: none!important;cursor: pointer}
a:focus {text-decoration: none;transition: all 1s ease}
:focus {outline: none!important}
::-moz-selection {background-color:#000;color:#fff}
::selection {background-color: #000;color: #fff}
.count::-moz-selection {background-color:#fff;color:#30457C}
.count::selection {background-color: #fff;color: #30457C}
img {max-width: 100%;height: auto}
p {font-family: 'Source Sans Pro'; font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #666;}
p a {color: #0098B1;}
p a:hover {color: #053BA2;}
p strong {color: #053BA2;font-weight: normal;}
li strong {color: #053BA2; font-weight: normal;}
ul, ol, ul li, ol li {margin: 0;padding: 0;}
ul li a, ol li a {color: #0098B1;}
ul li a:hover, ol li a:hover {color: #053BA2;}
figure, address {margin: 0;}
input, textarea, select, button {border-radius: 0;-webkit-box-shadow: none;box-shadow: none;outline: none;}
input:focus, textarea:focus, select:focus, button:focus {outline: 0;-webkit-box-shadow: none;box-shadow: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Bitter';font-style: normal;font-weight: 900;color: #000;margin-bottom: 10px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #053BA2;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color: #0098B1;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #0098B1;}
h1 {font-size: 40px;line-height: 55px;}
h2 {font-size: 32px;line-height: normal;}
h3 {font-size: 30px;line-height: normal;}
h4 {font-size: 28px;line-height: normal;}
h5 {font-size: 26px;line-height: normal;}
h6 {font-size: 24px;line-height: normal;}
select::-ms-expand {display: none;}
select {-moz-appearance: none;}
#back-top-wrapper {position: fixed;right: 57px;bottom: 26px;overflow: hidden;z-index: 2;}
p#back-top {margin: 0;line-height: normal;font-size: 0;}
#back-top-wrapper #back-top a { opacity: 1; transition: 200ms all; border-radius: 50%; display: inline-block; background: #0098B1 url(../images/top-arrow.png) no-repeat; height: 50px; width: 50px; background-position: center center; }
#back-top-wrapper #back-top a:hover {background-color: #053BA2;background-position: center center;transform: 0.6s;}
.alignleft {float: left;margin-right: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.aligncenter {clear: both;display: block;margin: 0 auto 15px}
.default-css ul {margin-bottom: 20px;}
.default-css ol {padding-left: 20px;margin-bottom: 15px;}
.default-css ul li, .default-css ol li {font-family: 'Public Sans';font-style: normal;font-weight: normal;font-size: 18px;line-height: 28px;color: #666;margin: 0 0 10px;}
.default-css ul li a, .default-css ol li a {color: #0098B1}
.default-css ul li strong, .default-css ol li strong {color: #053BA2;}
.default-css ul li a:hover, .default-css ol li a:hover {color: #053BA2}
.default-css ul li {list-style: none !important; background: url(../images/list-arrow.png) no-repeat; background-position: 0 4px; padding-left: 31px; background-size: 21px; }
.default-css ol li::marker {color: #30457C;}
section.default-section {padding: 100px 0;}

ul.two-col{display: flex; flex-wrap: wrap;}
ul.three-col{display: flex; flex-wrap: wrap;}
ul.three-col li{width:33.33%;}
ul.two-col li{width:50%;}

@media (max-width: 900px){
ul.three-col li{width:50%;}
}

@media (max-width: 575px){
ul.two-col{display:block;}
ul.three-col{display:block;}
ul.three-col li{width:100%;}
ul.two-col li{width:100%;}
}

/*--------- header-section ---*/

.header-section { position: relative; top: 0; left: 0; right: 0; width: 100%; z-index: 99; padding: 17px 35px;background: linear-gradient(180deg, #053BA2 0%, #0098B1 100%); transition: all 1s;}
.header-section.sticky {position: fixed; box-shadow: 0px 0px 8px rgb(0 0 0 / 14%);}
.heaer-top .row {align-items: center;}
.header-bottom { position: relative; }
.head-call-now {display: flex;align-items: center;vertical-align: middle;  }
.head-call-now .headcall-inn { padding-left: 19px; }
.head-call-now p{ color: #FFF; font-family: 'Public Sans'; font-size: 22px; font-style: normal; font-weight: 500; line-height: 35px; margin: 0; }
.head-call-now a { color: #FFF; font-family: 'Public Sans'; font-size: 30px; font-style: normal; font-weight: 700; line-height: 40px;}
.head-call-now a:hover {color: #000;}
.head-call-now figure{  width: 60px;  text-align: center; }
.header-menu-parent { display: flex; align-items: center; justify-content: right;  }
.header-section .col-sm-8 { padding: 0;-ms-flex: 0 0 69%; flex: 0 0 69%; max-width: 69%; }
.header-section .col-sm-4{padding: 0;-ms-flex: 0 0 31%; flex: 0 0 31%; max-width: 31%;}
.head-btn{padding-right: 30px;}
.head-btn a{ color: #053BA2; font-family: 'Source Sans Pro'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 30px; border-radius: 4px; background: #FFF; display: inline-block; padding: 15px 41px; }
.head-btn a:hover{ background: #0098B1; color: #fff; }
.head-right-dtl { display: flex; align-items: center; }
.header-section .row { align-items: center; }
.menu-bar {
    padding-right: 30px;
}
/*--banner--*/
#xfaqsx {
	margin-top: 50px;text-align: left;
}

.home-banner { position: relative;  background-repeat: no-repeat !important; background-size: cover!important; z-index: 1; padding: 190px 0 240px; }
.home-banner::before { content: ''; height: 100%; width: 75%; top: -1px; position: absolute; left: 0; z-index: -1; background: url(../images/hero-bg.png) no-repeat; background-size: 100% 100%;background-position: top left;}
.home-banner>img {width: 100%;}
.banner-caption-left{padding-top: 0;position: relative;
    top: -14px;}
.banner-title { margin-bottom: 16px; color: #FFF; font-family: 'Bitter'; font-size: 70px; font-style: normal; font-weight: 900; line-height: 100px; }
.banner-title strong{ color: #0098B1;font-weight: 900;}
.banner-caption { max-width: 939px; }
.banner-caption p{ color: #FFF; font-size: 26px; line-height: 28px; }
.banner-caption ul {margin: 0 0 0;padding: 0;}
.banner-caption ul li { padding-left: 46px; margin-bottom: 18px; background: url(../images/list-arrow.png) no-repeat top left; background-position: top 1px left; list-style: none; color: #000; font-family: 'Outfit'; font-size: 20px; font-style: normal; font-weight: 500; line-height: 30px; }
.banner-caption ul li strong{color: #30457C;font-weight: 500;}
.banner-star p { margin: 0; padding-left: 10px; color: #000; font-weight: 500; display: inline-block; font-size: 20px; }
.lead-text-top{ color: #FFF; font-family: 'Source Sans Pro'; font-size: 34px; font-style: normal; font-weight: 400; line-height: 46px; margin-bottom: 24px; }
.banner-star { display: -webkit-box; display: -ms-flexbox; -ms-flex-wrap: wrap; display: inline-block; padding-bottom: 13px; }
.stardx { display: inline-block; position: relative;top: -1px; }
.hero-right-image { margin: 0 -66px;position: relative; }
.hero-right-image::before{ content: ''; border-radius: 50%; background: linear-gradient(180deg, rgba(0, 152, 177, 0.00) 0%, #053BA2 100%); width: 674px; height: 674px; top: -110px; left: 0; right: 0; margin: 0 auto; position: absolute; }
a.theme-btn { color: #FFF; font-family: 'Source Sans Pro'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; border-radius: 4px; background: #0098B1; display: inline-block; padding: 14px 50px 14px;min-width: 170px; text-align: center; border: 2px solid transparent;margin-top: 10px; }
a.theme-btn:hover{ background: #053BA2; }

.banner-btns a.theme-btn { margin-right: 15px; }
a.theme-btn.btn-white{ background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 152, 177, 0.40); border-color: #fff; color: #000; }
a.theme-btn.btn-white:hover{ background: #0098B1; color: #fff;border-color: #0098B1; }
.banner-btns a.theme-btn.btn-white{ box-shadow: none; color: #fff; background: transparent; }
.banner-btns a.theme-btn.btn-white:hover{ background: #0098B1; color: #fff; border-color: #0098B1; }

.hero-video{ position: relative; overflow: hidden; z-index: 1; background: url(../images/home-desk-image.png) no-repeat top center; background-size: 100% 100%; padding: 25px 93px 40px 84px;height: 407px; }

.hero-video .wrapper { width: 100% !important; background-size: cover; background-repeat: no-repeat; margin-bottom: 0; overflow: hidden; height: 344px; position: relative; }
.hero-video .fullscreenbg__video { position: absolute; top: 47%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -47%); -moz-transform: translate(-50%, -47%); -ms-transform: translate(-50%, -47%); transform: translate(-50%, -47%); z-index: -1; object-fit: cover; max-height: 100%; }


.extra-service-section{ background: #FFF; box-shadow: 20px 20px 20px 0px rgba(0, 152, 177, 0.10); padding: 45px 60px;z-index: 1;position: relative; overflow: hidden;}
.extra-service-section ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-right: -4px;}
.extra-service-section ul li{ width: 16.66%; padding:  0 30px; border-right: 1px solid rgb(0 152 177 / 20%); margin: 15px 0; list-style: none; }
.extra-service-section ul li:last-child{border-right: 0;}
.serv-box-item{ text-align: center;transition: all 0.6s; }
.serv-box-item figure img{transition: all 0.6s;}
.serv-box-item figure{ border-radius: 4px; background: #FFF; box-shadow: 0px 0px 10px 0px rgba(5, 59, 162, 0.30) inset; width: 90px; height: 90px; text-align: center; line-height: 90px; margin: 0 auto 22px; transition: all 0.6s; }
.serv-box-item p{color: #053BA2; margin: 0; font-size: 22px;
    font-weight: 600;
    line-height: 31px;
    font-family: 'Bitter';}
.serv-box-item p strong{font-weight: 700; color: #0098B1;}
.serv-box-item:hover figure{ background: #0098B1; }
.serv-box-item:hover figure img { filter: brightness(0) invert(1); }

/*--logo-section--*/
.logo-section {position: relative;padding: 50px 0px;}
.logo-list { max-width: 100%; margin: 0 auto; }
.logo-list ul {padding: 0;margin: 0;align-items: center;display: -ms-flexbox;display: flex;justify-content: space-between;}
.logo-list ul li {list-style: none;padding: 5px 21px;text-align: center;height: 100%; }
.logo-list ul li:last-child {border-right: none;}
.logo-list ul li figure img{transition: 0.6s;}
.logo-list ul li figure:hover img {transform: scale(0.95);}
.logo-list ul li figure{padding: 10px 15px;transition: 0.6s;}

.form-hero { position: relative; right: 0; top: 0; max-width: 503px; float: right; padding: 30px 25px; border-radius: 20px 0px; background: rgba(255, 255, 255, 0.9);  }
.form-hero .b-form-title { margin-bottom: 15px; color: #000; text-align: center; font-family: 'Bitter'; font-size: 36px; font-style: normal; font-weight: 600; line-height: 30px;  }
.form-hero .b-form-title strong {color: #0098B1;}
.form-hero .gform_wrapper { max-width: 100%!important; margin: 0 !important; padding: 0!important; }
.gform_wrapper .gform_fields {display: -webkit-box;display: -ms-flexbox;display: flex !important;-ms-flex-wrap: wrap;flex-wrap: wrap;grid-column-gap: 0% !important;grid-row-gap: 0px !important;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 0 !important;grid-row-gap: 0 !important;}
.gform_body {margin: 0 -10px;}
.gform_wrapper .gfield { padding: 0 10px 15px; clear: both; text-align: left; width: 100%; margin: 0; }
.gform_wrapper label.gfield_label, .gform_wrapper label { margin: 0 0 5px!important; color: #666; font-family: 'Public Sans'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; }
.gform_wrapper .gfield.gfield--width-full { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.gform_wrapper .medium { width: 100% !important; border-radius: 0; border: none !important; border-bottom: 1px solid rgba(48, 69, 124, 0.20) !important; background: transparent !important; color: #666 !important;font-family: 'Public Sans' !important; font-size: 18px !important; font-style: normal !important; font-weight: 400 !important; line-height: 22px !important; padding: 5px 5px 5px !important; -webkit-appearance: none; resize: none; position: relative; height: 52px !important; }
.gform_wrapper .medium::-webkit-input-placeholder { /* Edge */ color: #666; opacity: 1; }
.gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; opacity: 1; }
.gform_wrapper .medium::placeholder { color: #666; opacity: 1; }
.form-hero .gform_drop_instructions{color: #666 !important;}
.gform_wrapper .gform_footer { padding: 0px 0 0 0 !important; margin: 0 0 0 0 !important; }
.gform_wrapper textarea.medium { height: 100px!important;  display: block; }
.form-hero input.button.gform_button, .contact-left input.button.gform_button { color: #FFF !important; font-family: 'Public Sans' !important; font-size: 20px !important; font-style: normal; font-weight: 600 !important; line-height: 28px !important; border-radius: 4px !important; background: #0098B1 !important;  display: inline-block; padding: 16px 60px !important;  cursor: pointer !important;margin: 0 !important; transition: all 0.6s ease; border: none !important; }
.form-hero input.button.gform_button:hover, .contact-left input.button.gform_button:hover{ background: #053BA2 !important; color: #fff !important;}
.form-hero .gform_wrapper .ginput_container { margin: 0 !important; padding: 0; position: relative; }
.gform_wrapper.gravity-theme .ginput_container_address span { padding: 0 10px 10px !important; margin: 0 !important; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select { width: 100% !important; border-radius: 0 !important; border: none !important; border-bottom: 1px solid rgba(48, 69, 124, 0.20) !important; background: #FFF !important; color: #666 !important; font-family: 'Public Sans' !important; font-size: 18px !important; font-style: normal !important; font-weight: 400 !important; line-height: 22px !important; padding: 5px 5px 5px !important; -webkit-appearance: none; resize: none; position: relative; height: 52px !important; }
.form-hero .gform_wrapper .medium.gfield_select, .contact-left .gform_wrapper .medium.gfield_select { background: url(../images/select-arrow.png) no-repeat right 13px center !important; background-size: 14px !important; }
.gform_wrapper .medium.gfield_select { background: url(../images/select-arrow.png) no-repeat right 13px center !important; background-size: 14px !important; }

button.button.gform_button_select_files { border-radius: 45px; background: #053BA2; border: none; color: #fff; padding: 5px 20px; color: #FFF; text-align: center; font-family: 'Avenir Book' !important; font-size: 16px; font-style: normal; font-weight: normal; line-height: 20px; }
button.button.gform_button_select_files:hover{ background: #0098B1; color: #fff; }
.gform_wrapper.gravity-theme .gform_drop_area { border-radius: 4px !important; border: 1px solid rgba(48, 69, 124, 0.20) !important; background: #FFF !important; padding: 8px !important; }
.ginput_recaptcha { transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }

.form-hero .ginput_container.ginput_container_fileUpload { text-align: center; border-radius: 4px; border: 1px solid rgba(48, 69, 124, 0.20) !important; background: #FFF; padding: 6px; }
.form-hero input[type="file"] { display : none; }
.form-hero .button { border: none; display: inline-block; padding: 5px 20px; text-decoration: none; transition: all 0.2s; border-radius: 45px; margin-top: 5px;font-family: 'Public Sans';font-style: normal; font-weight: 400; font-size: 16px; line-height: 22px !important; text-align: center; background: #053BA2; color: #fff; cursor: pointer;}
.form-hero .button:hover{background-color: #0098B1; color: #FFFFFF;} 
.modal-backdrop.show { opacity: 0.8; }
.modal.popup-form button.close { opacity: 1; position: absolute; right: 30px; top: 30px; font-size: 56px; font-weight: normal; color: #fff; cursor: pointer; text-shadow: none; }
.modal.popup-form button.close:hover{ color: #0098B1; opacity: 1; }
.modal.popup-form .modal-dialog { max-width: 680px !important; position: absolute; top: 50%; left:0; right: 0; transform: translateY(-50%); width: 94%; border-radius: 10px; margin: 0 auto; }
.modal.popup-form .modal-content { border: none; box-shadow: none;border-radius: 20px; }
.modal.popup-form .modal-body { padding: 0; border: none; }
.modal.popup-form .modal-body .banner-main-form-div{padding: 0;}
.modal.popup-form .modal-body .form-hero{border: none; max-width: 100%; width: 100%;}
.gform_wrapper.gravity-theme fieldset { padding: 0 !important; }
.modal-backdrop.show { opacity: 0.93; }

/*--floating-icon--*/

.floating-icon {position: fixed;right: -107px;top: 50%;transform: translateY(-50%);z-index: 11;transform: rotate(-90deg);}
.floating-icon a { padding: 11px 25px; display: inline-block; text-align: center; color: #FFF; font-family: 'Source Sans Pro'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 25px; border-radius: 10px 10px 0px 0px; background: #0098B1;}
.floating-icon a:hover {color: #fff; background: #053BA2; }

.heading-title { margin-bottom: 15px; color: #000; font-family: 'Bitter'; font-size: 56px; font-style: normal; font-weight: 900; line-height: 70px }
.heading-title strong{ color: #0098B1; font-weight: 900; }
.service-section{ padding: 100px 0 200px;background: #F5F5F5;position: relative; }
.service-row-parent .row{justify-content: center;}
.service-row-parent{max-width: 1480px; margin: 26px auto 0;position: relative;
    z-index: 1;}
.services-slider-left ul{ padding: 0; margin: 0; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(5, 59, 162, 0.20); }
.services-slider-left ul li{ list-style: none; }
.services-slider-left ul li a{ color: #666; font-family: 'Bitter'; font-size: 30px; font-style: normal; font-weight: 600; line-height: 28px; -webkit-transition: all 300ms linear; transition: all 300ms linear; padding: 34px 50px; display: block; border-bottom: 1px solid rgb(5 59 162 / 20%); }
.case-study-wrapper .case-study-name.active a, .case-study-wrapper .case-study-name:hover a { background: #053BA2; color: #fff; }
.service-row-parent .col-md-8{padding-left: 40px;}
.service-row-parent .col-md-4 { padding-right: 0; }
.case-study-images .our-service-image img { opacity: 0; -webkit-transform: scaleX(1) skewX(5deg); -ms-transform: scaleX(1) skewX(5deg); transform: scaleX(1) skewX(5deg); -webkit-transition: 0s 0.45s; -o-transition: 0s 0.45s; transition: 0s 0.45s; }
.case-study-images li { list-style: none; margin: auto; position: absolute; top: 0; right: 0; -webkit-transition: all 300ms linear; transition: all 300ms linear; }
.case-study-images .show .our-service-image img { opacity: 1; -webkit-transform: scaleX(1.1); -ms-transform: scaleX(1.1); transform: scaleX(1.1); -webkit-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
ul.case-study-images { position: relative; }
.past-client-list ul{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; }
.past-client-list ul li{ list-style: none; width: 20%; padding: 10px 10px; }
.past-client-logo{ transition: all 0.6s; padding: 20px 34px; text-align: center;}
.past-client-logo:hover{ background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 152, 177, 0.20); }
section.current-and-past-clients-section { padding-bottom: 60px; }
.serv-graphic-image img {
    width: 60px;
}
.serv-graphic-image {
    position: absolute;
    bottom: 84px;
    left: 34%;
}

.team-section{ padding: 100px 0 0; }
.section-heading.text-center { max-width: 1260px;margin: 0 auto; }
.team-detail{ border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 152, 177, 0.20); padding: 18px 10px 18px 18px;min-width: 278px; }
.team-detail h5, .team-detail h3{ color: #000; font-family: 'Bitter'; font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px; margin-bottom: 5px; }
.team-detail p{ margin: 0; font-weight: 600; }
.team-detail p strong{font-weight: 600;}
.team-image figure{ background: radial-gradient(50% 50% at 50% 50%, rgba(5, 59, 162, 0.00) 0%, #053BA2 100%); width: 232px; height: 232px; border-radius: 50%; overflow: hidden; }
.team-image figure img { opacity: 0.8; width: 100%; height: 100%; object-fit: cover; transition: all 0.6s; }
.team-image:hover figure img{transform: scale(1.06);}
.team-box { display: flex; align-items: center; justify-content: center; }
.team-box:hover .team-detail h5, .team-box:hover .team-detail h3{color: #0098B1;}
.team-image { position: relative; margin-right: 45px; }
.dot-icon { position: absolute; right: -20px; top: 28%; }   
.team-box.team-box-2 { flex-direction: row-reverse; }
.team-box.team-box-2 .team-image{ margin-left: 45px; margin-right: 0; }
.team-box.team-box-2 .dot-icon{ right: auto; left: -20px; top: 35%; }
.team-box.team-box-3 .team-detail { margin-top: 40px; }
.team-box.team-box-3 { flex-direction: row-reverse; align-items: flex-start; justify-content: right;margin-right: 20px; }
.team-box.team-box-3 .team-image { margin-right: 0; margin-left: 20px; }
.team-box.team-box-3 .dot-icon { right: 0; left: -9px; top: 17%; }
.team-box.team-box-4 { align-items: end; justify-content: left; margin-top: -140px; margin-left: -30px; }
.team-box.team-box-4 .dot-icon { top: auto; bottom: 2%; right: 20px; }
.team-box.team-box-4 .team-image { margin-right: 20px; }
.team-box.team-box-4 .team-detail { position: relative; top: 60px; }
.team-row-parent .row { justify-content: center; }
.team-box.team-box-5 { flex-direction: row-reverse; }
.team-box.team-box-5 .team-image { margin-right: 0; margin-left: 45px; }
.team-box.team-box-5 .dot-icon { right: auto; left: -20px; }
.team-box.team-box-5 figure { background: #D9D9D9; }
.team-box.team-box-5 { flex-direction: row-reverse; margin-top: -20px; }
.team-row-parent .col-sm-6:first-child .team-box { margin-left: -50px; }
.team-row-parent .col-sm-6:first-child .team-box.team-box-2 { margin: 0 -10px 0 0; }
.custom-design-section{ position: relative; background: url(../images/bg-custom.png) no-repeat right center; background-size: 84%; padding: 180px 0; }
.custom-design-left{ border-radius: 50%; background: linear-gradient(154deg, rgba(255, 255, 255, 0.97) 18.64%, #0098B1 83.65%); width: 872px; height: 872px;padding-top: 230px; }
.left-video .wrapper { width: 100% !important; background-size: cover; background-repeat: no-repeat; margin-bottom: 0; overflow: hidden; height: 430px; position: relative; border: 1px solid rgba(0, 152, 177, 0.60); }
.left-video .fullscreenbg__video { position: absolute; top: 47%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -47%); -moz-transform: translate(-50%, -47%); -ms-transform: translate(-50%, -47%); transform: translate(-50%, -47%); z-index: -1; object-fit: cover; max-height: 100%; }
.left-video { position: relative; overflow: hidden; z-index: 1; background: url(../images/laptop.png) no-repeat top center; background-size: 100%; padding: 25px 98px 100px 92px }
.custom-btns .theme-btn{margin-right: 15px;}
.custom-right-content .default-css p b{ font-size: 20px; font-weight: 600; color: #053BA2; }
.custom-right-content { padding-left: 110px; padding-top: 110px; }
.call-to-sect-text .banner-btns a.theme-btn:hover { box-shadow: none; color: #fff; background: transparent; border-color: #fff; }
.call-to-sect-text .banner-btns a.theme-btn.btn-white:hover{ background-color: #0098B1;border-color: #0098B1; color: #fff; }
.portfolio-section{padding: 0 45px 100px;}
.portfolio-item{ border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.10); height: 100%; padding: 11px 11px 15px; border: 1px solid #fff; transition: all 0.6s; }
.portfolio-item:hover{ border: 1px solid rgba(0, 152, 177, 0.60); }
.portfolio-item:hover .portfolio-title a{ color: #0098B1; }
.portfolio-item figure{ border-radius: 4px; margin-bottom: 16px; overflow: hidden; }
.portfolio-item figure img{width: 100%;transition: all 0.6s;}
.portfolio-item figure:hover img{transform: scale(1.05);}
.portfolio-title { color: #053BA2; font-family: 'Bitter'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; text-align: center; }
.portfolio-title a{color: #053BA2;}
.portfolio-title:hover a{
color: #0098B1;
}
.portfolio-section .col-sm-4{ padding: 15px 25px; }
.portfolio-section .row{justify-content: center;}
.package-right-dtl ul li strong {
    font-weight: 600;
}
.about-section{ background: linear-gradient(99deg, #0A0D14 0.69%, #053BA2 100.4%); padding: 94px 0; position: relative; overflow: hidden; }
.about-section::before{ content: ''; background: url(../images/about-us-shapes.png) no-repeat top right; height: 100%; width: 100%; top: 0; right: 0; position: absolute; background-size: 100% 100%; }
.about-left-text .heading-title{ color: #fff; line-height: 80px; }
.lead-text{ color: #FFF; font-family: 'Source Sans Pro'; font-size: 30px; font-style: normal; font-weight: 600; line-height: 36px; margin-bottom: 30px; }
.lead-text strong{ color: #0098B1;font-weight: 600; }
.about-right-logo{text-align: right;}
.about-left-text p{color: #fff;}
.about-left-text p strong{ color: #0098B1; }
.about-left-text .default-css { max-width: 740px; }
.about-left-text .default-css .custom-btns { padding-top: 25px; }

.box-wrapper{ border-radius: 10px; border: 1px solid rgba(0, 0, 0, 0.20); background: #FFF; box-shadow: 0px 10px 20px 0px rgba(0, 152, 177, 0.20); min-height: 395px; }

.panel .front { top: 0; z-index: 900; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; padding: 90px 40px; width: 100%; height: 100%; }
.panel .back { height: inherit; position: absolute; top: 0; z-index: 1000; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; border-radius: 10px 0 0 10px; background: linear-gradient(180deg, #053BA2 0%, #0098B1 100%); box-shadow: 0px 10px 20px 0px rgba(0, 152, 177, 0.20); padding: 37px 34px; width: 100%; height: 100%; }
.panel .back p{color: #fff;}
.panel.flip .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); }
.panel.flip .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); }
.quote{margin-bottom: 20px;}
.back.back2 { -webkit-transform: inherit; }

.testimonial-slider.owl-carousel .item { margin-right: -1px; }
.owl-carousel.owl-drag .owl-item:nth-child(4){padding-right: 1px;}
.owl-carousel.owl-drag .owl-item:last-child .item { margin: 0; }
.testmonial-section{ padding: 100px 0; }
.client-say-box{ border-radius: 10px; background: #FFF; box-shadow: 0px 0px 40px 0px rgba(5, 59, 162, 0.20); padding: 48px 60px 48px 94px; position: relative; height: 100%; }
.star-rating{margin-bottom: 70px;}
.client-say-box p{ color: #fff; }
.client-name h5{ color: #053BA2; line-height: 30px; }

.testimonial-slider.owl-carousel .owl-nav .owl-next, .testimonial-slider.owl-carousel .owl-nav .owl-prev{ background-position: center !important; background-repeat: no-repeat !important; position: relative; top: 0%; width: 70px; height: 70px; border-radius: 50%; margin: 0 15px; left: 0; right: 0; text-align: center; border: 1px solid #053BA2; }
.testimonial-slider.owl-carousel .owl-nav .owl-prev { background: #F5F5F5 url(../images/owl-left.png) no-repeat; background-position: center !important; }
.testimonial-slider.owl-carousel .owl-nav .owl-next { background: #F5F5F5 url(../images/owl-right.png) no-repeat; background-position: center !important; }
.testimonial-slider.owl-carousel .owl-nav .owl-prev:hover { background: #F5F5F5 url(../images/owl-left-h.png) no-repeat; background-position: center !important; }
.testimonial-slider.owl-carousel .owl-nav .owl-next:hover { background: #F5F5F5 url(../images/owl-right-h.png) no-repeat; background-position: center !important; }
.testimonial-slider.owl-carousel .owl-nav span { display: none; }
.testimonial-slider.owl-carousel .owl-nav{ display: block !important; text-align: center; padding-top: 20px; padding-right: 0;}
.testimonial-slider.owl-carousel .owl-nav .owl-next:hover, .testimonial-slider.owl-carousel .owl-nav .owl-prev:hover{ border-color: #0098B1; }

.testimonial-slider.owl-carousel .owl-stage { padding: 50px 0 70px; }
.testmonial-section .section-heading.text-center { max-width: 100%; }
.test-slider-main { position: relative; }
.video-testmonial-section{ background: #F5F5F5; padding: 100px 50px; }
.video-test-item{ position: relative; border-radius: 10px; }
.video-test-item figure img{ width: 100%; }
.video-testimonial-row { padding: 0 40px; }
/* .video-icon{ position: absolute; bottom: 31px; right: 33px; } */
.video-slider.owl-carousel .owl-stage { padding: 30px 0 40px; }
.video-slider.owl-carousel .owl-nav { padding-right: 0; }
 .video-div { position: relative; }
.video-div .wrapper { background-size: cover !important; background-repeat: no-repeat; width: 100%; margin-bottom: 0; overflow: hidden; height: 280px;  position: relative; border-radius: 10px;}
.video-div .video { opacity: 0; transition: 1s; position: absolute; top: 47%; left: 50%; width: auto; height: auto; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -47%); -moz-transform: translate(-50%, -47%); -ms-transform: translate(-50%, -47%); transform: translate(-50%, -47%); z-index: -1; object-fit: cover; max-height: 100%; }
.click-to-play-overlay { position: absolute; right: 0; cursor: pointer; width: 60px; height: 60px; background-image: url(../images/video-icon.png); z-index: 1; transition: all 0.6s; left: 0; top: 50%; transform: translateY(-50%); margin: 0 auto;}
.video-div .wrapper:hover .click-to-play-overlay{ opacity: 0.7; }
.call-to-section{ background: linear-gradient(270deg, #0C0F16 1.58%, #053BA2 96.91%); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.30) inset; padding: 86px 0; }
.call-to-sect-text .heading-title{color: #fff;line-height: 80px;}
.contact-section{ padding: 110px 0; }
.contact-left{ border-radius: 45px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 152, 177, 0.30); padding: 55px 50px; }
.contact-right-image{ text-align: center; }
.contact-right-image img{ margin-top: 30px; }
.contact-section .col-sm-6:first-child { padding-right: 50px; }
.video-test-item iframe{ height: 300px; width: 100%; display: block;border-radius: 10px; }
.call-to-sect-text .banner-btns { padding-top: 33px; }
.call-to-section .row { align-items: center; }
.callto-sect-right { text-align: right; }

/*-----FAQ SECTION----*/
section.faq-section { padding: 100px 0 0;background: linear-gradient(100deg, #053BA2 2.35%, #0C0F15 98.08%); overflow: hidden;}
.faq-right-section .heading-title{color: #fff;}
section.faq-section .col-sm-5{padding: 0;-ms-flex: 0 0 37%; flex: 0 0 37%; max-width: 37%;}
section.faq-section .col-sm-7 { -ms-flex: 0 0 63%; flex: 0 0 63%; max-width: 63%;padding-left: 96px; padding-right: 30px;}
.faq-box .card-header h5, .card-header-title { padding: 28px 40px 28px 0; position: relative; border: none; margin: 0; box-shadow: none; background: transparent; border-radius: 0; color: #0098B1; font-family: 'Public Sans'; font-size: 24px; font-style: normal; font-weight: 500; line-height: 32px; }
.card-body.default-css p {color: #fff;}
.card-body.default-css { padding: 2px 20px 10px 0; }
.faq-box .card {margin: 0 0 0px;border-radius: 0;background: transparent;box-shadow: none;border: none;}
.card-header-title.collapsed { color: #fff; box-shadow: none; background-color: transparent; border-radius: 0; border: none; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.card-header-title.collapsed:hover {color: #0098B1;}
.faq-box .card-header h5:after, .card-header-title::after { content: ""; background:  url(../images/faq-minus.png) no-repeat center; width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 0;  }
.faq-box .card-header {border: none;padding: 0;cursor: pointer;position: relative;margin: 0 0 0;background: transparent !important;}
.faq-box .card-header h5.collapsed:after, .card-header-title.collapsed::after {background:  url(../images/faq-pluse.png) no-repeat center;box-shadow: none;  }
.faq-box { padding-top: 10px; }
.faq-img { height: 100%; position: relative; }
.faq-img figure { height: 100%; }
.faq-img figure img { height: 100%; object-fit: cover; width: 100%; }
.faq-box-left { padding: 75px 60px 75px 60px;  }
.faq-box .card .collapse.show {border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.faq-right-section { padding-bottom: 90px; }
section.faq-section .row { align-items: end; }

/* OUR BLOG SECTION CSS START */
.blog-section { padding: 100px 0 100px 0; overflow: hidden; }
.blog-item { height: 100%; }
.blog-item figure { overflow: hidden; }
.blog-content h3 { color: #000; text-align: center; font-family: 'Source Sans Pro'; font-size: 22px; font-style: normal; font-weight: 700; line-height: 36px; }
.blog-item:hover .blog-content h3 { border-color: #053BA2; }
.blog-content h3 a { color: #000; }
.blog-item:hover .blog-content h3 a { color: #053BA2; transition: 0.6s; }
.blog-item figure img { width: 100%; transition: all 0.6s ease; }
.blog-item:hover figure img { transform: scale(1.1); }
.blog-content { padding: 25px 10px 20px; margin: -40px 0px 0 30px; position: relative; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 152, 177, 0.20); }
.blog-btns { text-align: center; padding-top: 0px; }
.blog-btns a.theme-btn.btn-white { margin-left: 20px; }
.blog-slider.owl-carousel .item { padding: 30px 0; }
/* .blog-slider.owl-carousel .owl-nav.disabled { display: block !important; } */
.blog-slider.owl-carousel .owl-nav .owl-next, .blog-slider.owl-carousel .owl-nav .owl-prev { background-position: center !important; background-repeat: no-repeat !important; right: 0; position: absolute; top: -50px; width: 50px; right: 110px; height: 50px; transform: translateY(-50%); border-radius: 4px; }
.blog-slider.owl-carousel .owl-nav .owl-next { background: #0098B1 url(../images/blog-next.png) no-repeat; background-position: center !important; }
.blog-slider.owl-carousel .owl-nav .owl-next:hover { background: #053BA2 url(../images/blog-next.png) no-repeat; transition: 0.6s; }
.blog-slider.owl-carousel .owl-nav .owl-prev { background: #0098B1 url(../images/blog-prev.png) no-repeat; background-position: center !important; right: 180px; }
.blog-slider.owl-carousel .owl-nav .owl-prev:hover { background: #053BA2 url(../images/blog-prev.png) no-repeat; transition: 0.6s; }
.owl-carousel .owl-nav .owl-prev span, .owl-carousel .owl-nav .owl-next span { display: none; }
.blog-section .container-fluid { padding: 0; }


/*--footer--*/
footer { background: #F5F5F5; position: relative; z-index: 0; text-align: center; padding-top: 120px; border-top: 3px solid #053BA2;}
.footer-logo { margin-bottom: 30px; }
.ftr-call a { color: #666; font-family: 'Source Sans Pro'; font-size: 30px; font-style: normal; font-weight: 700; line-height: 28px; }
.ftr-call a:hover { color: #0098B1; }
.ftr-call { display: flex; align-items: center; justify-content: right; width: 38%; }
.ftr-add p { font-weight: 500; text-align: left; position: relative; padding-left: 100px; }
.ftr-add p strong { color: #0098B1; font-size: 24px; font-weight: 700; position: absolute;
    left: 0;} 
.ftr-add p a{color: #666;}
.ftr-add p a:hover {
    color: #0098B1;
}
.ftr-add { border-left: 1px solid rgb(102 102 102 / 20%); padding-left: 60px; margin-left: 60px; width: 62%; }
.ftr-dtl { display: flex; align-items: center; justify-content: center; }
.ftr-call figure { margin-right: 20px; }
.ftr-social a { height: 54px; width: 54px; text-align: center; border-radius: 50%; display: inline-block; margin-right: 10px; line-height: 48px; border: 1px solid rgba(5, 59, 162, 0.60); }
.ftr-social a img { width: auto; max-height: 25px; }
.ftr-social a:hover img { filter: brightness(0) invert(1); }
.ftr-social a:hover { background: #0098B1; border-color: #0098B1; }
.ftr-social { padding-top: 40px; }
.footer-menu ul { display: flex; justify-content: center; align-items: center; }
.footer-menu ul li { list-style: none; display: inline-block; position: relative; padding: 16px 1px; font-family: 'Public Sans'; font-style: normal; font-weight: 500; font-size: 18px; line-height: 23px; color: #fff; }
.footer-menu ul li a:hover { color: #0098B1; }
.footer-menu ul li::after { content: '/'; font-weight: 500; font-size: 18px; line-height: 36px; text-align: center; font-family: 'Public Sans'; color: #fff; padding: 0 56px; }
.footer-menu ul li:last-child:after { display: none; }
.footer-menu ul li a { color: #fff; transition: 0.6s; }
.footer-menu { margin: 40px 0 0 0; background: #053BA2; }
.menu-copyright ul { padding: 0; margin: 0; text-align: right; }    
.menu-copyright ul li { list-style: none; display: inline-block; position: relative; font-weight: 600; font-size: 18px; line-height: 28px; text-align: center; font-family: 'Source Sans Pro'; color: #666666; }
.menu-copyright ul li a { color: #666; }
.menu-copyright ul li a:hover { color: #0098B1; }
.menu-copyright ul li::after { content: '|'; font-size: 18px; line-height: 18px; color: #666; font-weight: 600; padding: 0 10px 0 13px; font-family: 'Source Sans Pro'; }
.copyright-sections { position: relative; z-index: 1; padding: 25px 0; max-width: 1160px; margin: 0 auto; }
.copyright { text-align: left; }
.copyright p { margin: 0; font-weight: 600;}
.copyright p a { color: #666; }
.copyright p a:hover { color: #0098B1;  }
.menu-copyright { text-align: right; }
.menu-copyright ul li:last-child:after { display: none; }
.copyright-sections .row { align-items: center; }
.contact-left .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] { border: 1px solid #c02b0a; border-top: 0; border-left: 0; border-right: 0; }.form-hero .gform_wrapper.gravity-theme .gfield_error [aria-invalid=true] { border: 1px solid #c02b0a; border-top: 0; border-left: 0; border-right: 0; }
.video-testimonial-row .col-sm-4{ padding: 25px 25px; }

/*-------------------*/

section.inner-banner { position: relative; }
section.inner-banner>img { width: 100%; }
.page-nav {position: absolute;width: 100%;text-align: center;bottom: 0;left: 0;right: 0;padding: 16px 0;}
.page-nav::before{ content: ''; background: linear-gradient(90deg, rgba(5, 59, 162, 0.00) 0.51%, #0098B1 19.79%, #0098B1 74.32%, rgba(0, 152, 177, 0.00) 99.99%); width: 72%; height: 100%; top: 0; left: 0; right: 0; margin: 0 auto; text-align: center; position: absolute; }
.page-nav ul { padding: 0; margin: 0; }
.page-nav ul li {color: #fff; text-align: center; font-family: 'Source Sans Pro'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px;list-style:none;}
.page-nav ul li span a span{ color: #053BA2;}
.page-nav ul li span {color: #fff;}
.page-nav ul li span a span:hover{color: #fff;}

.service-page-section{ padding: 110px 0; }
.read-more-btn{ color: #FFF; font-family: 'Source Sans Pro'; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; border-radius: 4px; background: #0098B1; padding: 16px 54px; text-align: center; display: inline-block; }
.read-more-btn:hover{ background-color: #053BA2; color: #fff; }
.service-right-content h2 { font-size: 36px; font-weight: 600;margin-bottom: 15px; }
.service-right-content h2 a{ color: #000;  }
.service-right-content h2 a:hover { color: #0098B1; }
.service-right-content a.read-more-btn { margin-top: 20px; }
.service-page-row { border-radius: 4px 4px 0px 4px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(5, 59, 162, 0.20) inset; padding: 24px; }
.service-page-row .row { max-width: 1375px;align-items: center;margin: 0; }
.service-page-parent { padding-left: 13%;padding-top: 25px; }
.service-right-content { padding: 20px 40px;max-width: 630px; }
.service-page-row:nth-child(even) { box-shadow: none; }
.service-page-row:nth-child(even) .row { flex-direction: row-reverse; }
.service-page-parent .col-sm-6{ padding: 0; }
.service-page-row:nth-child(even) .service-left-image { padding: 30px 0; }
.service-left-image figure { overflow: hidden; }
.service-left-image figure img{ transition: all 0.6s;width: 100%; }
.service-left-image figure:hover img { transform: scale(1.1); }
.service-CTA-section{ padding-bottom: 120px; }
.service-cta-row{ border-radius: 4px; background: #0A0E13 url(../images/cta-bg.png) no-repeat top center; background-size: cover; position: relative; }
.service-cta-row .col-sm-7{padding: 0;-ms-flex: 0 0 59%; flex: 0 0 59%; max-width: 59%;}
.service-cta-row .col-sm-5 { padding: 0; -ms-flex: 0 0 41%; flex: 0 0 41%; max-width: 41%; }
.cta-image-right{ height: 100%; border-radius: 600px 0px 0px 600px; background-color: #0098B1;overflow: hidden; padding-left: 10px; }
.cta-image-right img{ width: 100%; height: 100%; object-fit: cover;border-radius: 600px 0px 0px 600px; }
.service-cta-text { padding: 130px 35px 130px 50px; }
.service-cta-text .heading-title { color: #fff;  }
.cta-buttons { padding-top: 30px; }
.cta-buttons a.theme-btn { margin-right: 10px; }
.cta-buttons a.theme-btn.btn-white { margin-right: 0; }
.service-cta-row .col-sm-7 { padding: 0 0 0 70px; }

section.portfolio-section.portfolio-page-section { padding-top: 100px; }
.about-right-image figure{ background: #FFF; width: 584px; height: 584px; border: 20px solid #e6ebf3; border-radius: 50%; text-align: center; padding: 40px 50px; float: right; display: flex; align-items: center; justify-content: center; }
.lead-text.lead-text-small { font-size: 22px; line-height: 28px; }
.about-right-image { text-align: right; }
section.about-section.about-our-work-section::before{display: none;}

.middle-content-section{padding: 100px 0;}
.team-page-section{ padding: 110px 0; }
.team-page-section .section-heading.text-center{max-width: 1290px;}
.team-big-row{ background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 152, 177, 0.20) inset;margin: 25px 15px; }
.team-right-inn{ padding: 55px 40px 40px 15px; }
.team-right-inn p b{ color: #053BA2; }
.team-image-inn { height: 100%;position: relative; }
.team-image-inn img{width: 100%; height: 100%; object-fit: cover;}
.team-col-boxIn{ background: #FFF; box-shadow: 0px 0px 20px 0px rgba(5, 59, 162, 0.20); display: flex; flex-wrap: wrap;flex-direction: row-reverse; height: 100%;}
.team-col-boxIn .team-image-inn{ width: 50%; }
.team-col-text-right{ width: 50%; padding: 30px 20px; }
.team-col-box-parent .col-sm-6{ padding: 25px; }
.team-col-text-right p { font-size: 16px; line-height: 24px; }
.team-big-row .team-image-inn::before{ content: ''; background: linear-gradient(180deg, rgba(5, 59, 162, 0.00) 0%, rgba(5, 59, 162, 0.70) 33.33%, #053BA2 100%); height: 30%; width: 100%; bottom: 0; left: 0; position: absolute; }
.team-name-abs h3 { color: #fff; margin-bottom: 5px; }
.team-name-abs p{ color: #0098B1; 	font-size: 22px; 	font-weight: 600; 	line-height: 30px; 	margin: 0; }
.team-name-abs { position: absolute; bottom: 20px; text-align: center; margin: 0; left: 0; right: 0; padding: 0 15px; }
.packages-box-main{ border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 152, 177, 0.20) inset; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;height: 100%; }
.package-price-left{ background: linear-gradient(180deg, #053BA2 0%, #0A0D12 100%); height: 100%; width: 45%; padding-bottom: 55px;text-align: center; }
.pakages-section{ max-width: 1420px; margin: 0 auto; }
.pakages-section .col-sm-6{ padding: 15px 26px; }
.package-right-dtl{ width: 55%; padding: 44px 15px 40px 50px; }
.package-right-dtl ul li{ font-size: 16px; line-height: 24px; }
.packages-logo{ border-radius: 4px 4px 300px 300px; background: linear-gradient(180deg, #053BA2 0%, #0098B1 100%); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.30); text-align: center; height: 153px; width: 100%; padding: 20px 15px; margin-bottom: 44px; }
.packages-box-main h2{ color: #FFF; font-size: 30px; font-weight: 400;margin-bottom: 20px; }
.button-center.text-center a.theme-btn { margin: 10px 7px 0; }
.why-choose-parent-row h2 { color: #000; }
.package-price-left h3{ color: #0098B1; font-size: 70px; font-weight: 600; line-height: 60px; margin-bottom: 40px; }
.package-price-left h3 sup{ font-size: 20px; line-height: 28px; top: 5px; vertical-align: top; left: 7px; }
.package-price-left h3 sub{ font-size: 40px;bottom: 0; right: 10px; }
.go-btn{ border-radius: 4px; border: 1px solid #FFF; color: #FFF; font-family: 'Source Sans Pro'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; text-align: center; text-transform: uppercase; padding: 11px 57px; display: inline-block; }
.go-btn:hover{ background-color: #0098B1; border-color: #0098B1; color: #fff; }
.best-value-logo{text-align: center;}
.contact-page-section{ padding: 120px 0; }
.contact-information-top{ background: #FFF; box-shadow: 0px 0px 30px 0px rgba(5, 59, 162, 0.20) inset; padding: 45px 15px; }
.contact-address-info { text-align: center; border-right: 1px solid rgb(102 102 102 / 21%); height: 100%; }
.contact-address-info figure{ margin: 0 auto 30px; }
.contact-address-info h3{ color: #0098B1; text-align: center; font-family: 'Source Sans Pro'; font-size: 30px; font-style: normal; font-weight: 700; line-height: 32px; margin: 0; }
.contact-address-info p a{ color: #666; }
.contact-address-info p a:hover { color: #0098B1; }
.contact-information-top .col-sm-3:last-child .contact-address-info { border: 0; }
.contact-information-top .row { align-items: center; }
.contact-information-top .col-sm-3:last-child .contact-address-info .ftr-social { padding: 0; }
.contact-form-right.contact-left { box-shadow: none; padding-right: 0; padding-bottom: 0; }
.contact-map-section iframe{ width: 100%; height: 575px; display: block; }
.contact-map-section { border-radius: 4px; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 152, 177, 0.20); padding: 5px; margin-top: 100px; }
.contact-section-innn{padding-bottom: 120px;}
.service-detail-section{ padding: 100px 0; }
.service-detail-img figure img{width: 100%;}
.service-detail-img figure{margin-bottom: 15px;}
.web-design-box{ border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(5, 59, 162, 0.20) inset; padding: 60px 45px; height: 100%; text-align: center; transition: all 1s ease; }
.web-design-box p{ color: #000; text-align: center; font-family: 'Public Sans'; font-size: 22px; font-style: normal; font-weight: 600; line-height: 36px; margin: 0; }
.webDesign-service-row .col-sm-4{padding: 20px 25px;}
.webDesign-service-row { padding-top: 0; max-width: 1300px; margin: 0 auto; }
section.hotsprings-section .section-heading.text-center { max-width: 1260px; }
.web-design-box figure{ margin-bottom: 37px; }
.custom-dtl-btns{ padding-top: 30px; }
.custom-dtl-btns a.theme-btn { margin-right: 15px; }
.web-design-box:hover{ box-shadow: 0px 0px 30px 0px rgba(5, 59, 162, 0.30); }
.custom-btns.text-center { padding-top: 30px; }


/*--blog inner page--*/
section.blog-section.singlepgge { padding: 80px 0px; background: #f4fafb; }
section.blog-section.blog-inn {background: #fff;padding: 80px 0;}
.wp-pegination {text-align: center;padding-top: 30px;}
.wp-pagenavi {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;justify-content: center;}
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a {width: 40px;height: 40px;display: inline-block;margin: 0 5px;text-align: center;line-height: 32px;font-family: 'Source Sans Pro';font-size: 20px;font-style: normal;font-weight: 600;color: #30457C;border-radius: 4px;border: 1px solid #30457C;}
.wp-pegination span.current, .wp-pegination .page:hover {border: 1px solid #0098B1;color: #fff; background-color:#0098B1;}
.wp-pegination a.nextpostslink {background:#0098B1 url(../images/blog-next.png);background-repeat: no-repeat !important;background-position: center center !important;font-size: 0; border-color:#0098B1;}
.wp-pegination a.previouspostslink {background:#0098B1 url(../images/blog-next.png);background-repeat: no-repeat !important;background-position: center center !important;font-size: 0;transform: rotate(180deg);border-color:#0098B1;}
.wp-pegination a.nextpostslink:hover {border-color: #30457C;}
.commetns-section {padding: 0 0 0}
.comment-content p {font-size: 18px;line-height: 26px;color: #414141;font-family: 'Source Sans Pro';font-weight: 400}
nav.navigation.post-navigation {overflow: hidden;padding: 25px 0 16px}
.post-navigation span.post-title {display: none}
.post-navigation span.screen-reader-text {display: none}
.post-navigation h2.screen-reader-text {display: none}
.comment-respond .comment-reply-title {font-size: 30px;line-height: 40px;color: #000;margin: 0 0 5px;text-transform: capitalize}
.comment-respond .comment-reply-title span {color: #30457C}
.nav-previous a, .nav-next a {color: #FFF; font-family: 'Source Sans Pro'; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; border-radius: 4px; background: #0098B1; display: inline-block; padding: 14px 40px 14px; min-width: 186px; text-align: center; border: 2px solid transparent; margin-top: 10px;}
.nav-previous a:hover, .nav-next a:hover {background: #30457C;color: #fff;}

.row.testirow {margin-top: 50px;}
.row.testirow .col-sm-4 {margin-bottom: 50px;}
.nav-previous {float: left}
.nav-next {float: right;margin-right: 0;}
p.comment-form-url {margin: 0}
.commetns-forms {padding: 35px 0 0}
.commetns-forms img {width: 100%}
.blog-detail-left .blog-img {max-width: 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;position: relative;}
.blog-boxyz {font-size: 24px;line-height: 24px;color: #fff;font-weight: 600;width: 90px;height: 60px;border-radius: 13px;background-color: #30457C;text-align: center;padding: 6px 0;position: absolute;top: 10px;font-family: 'Source Sans Pro';left: 10px;text-transform: uppercase}
.blog-card figure img {width: 100%;border-radius: 10px;transition: all 1s;}
.blog-card figure {position: relative;overflow: hidden;margin: 0 0 20px;}
.blog-boxyz strong {display: block}
.blog-card:hover .blog-boxyz {background-color: #0098B1}
.search-btn {margin-bottom: 35px;border-radius: 4px;padding: 30px 28px 30px; background: #ffffff;border: 1px solid #0098b1;}
.search-btn form {position: relative}
.search-medium {width: 100%;padding: 15px 70px 15px 15px;border: 1px solid rgba(0, 0, 0, 0.3);height: 60px;background-color: #fff;border-radius: 8px;font-size: 18px;line-height: 28px;color: #414141;font-family: 'Source Sans Pro';font-weight: 400;}
.search-btn button {border: none;position: absolute;top: 15px;width: 40px;right: 15px;background: #fff}
.search-btn button:hover {cursor: pointer}
.blog-info {padding-bottom: 10px;}
.blog-info a {font-family: 'Source Sans Pro';font-style: normal;font-size: 18px;line-height: 27px;color: #011321}
.blog-info a:hover {color: #0098B1;}
.blog-section.singlepgge {background: #f9f9f9;box-shadow: 0px 0px 50px rgb(4 74 114 / 15%);}
.testimonial-section.innside {padding: 100px 0;}

.blog-detail-left { border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgb(0 152 177 / 20%); padding: 20px 20px 10px;  }

.blog-wrapper .col-sm-4 { padding: 30px; }
section.blog-section .row { justify-content: center; }
.pakages-section .row { justify-content: center; }
.team-box.team-box-1 .team-image figure { width: 310px; height: 310px; }

.dot-icon { animation: .5s infinite alternate scrollDownAnimation; }

@keyframes scrollDownAnimation {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-10px);
    }
}

.web-design-hero-section{ background: url(../images/web-designs-hero-bg.png) no-repeat top center; background-size: cover; position: relative; padding: 115px 0 15px; }
/* .web-design-hero-section::after{ content: ''; background: url(../images/web-designs-pattern.png) no-repeat; width: 100%; height: 110px; bottom: 0; left: 0; right: 0; position: absolute; background-size: 100% 100%; } */
.web-design-hero-section::before{ content: ''; background-image:linear-gradient(180deg, #0A0E17 0%, #053BA2 100%); height: 100%; width: 100%; top: 0; left: 0; position: absolute;z-index: -1; }

.service-detail-hero-text{ text-align: center; position: relative; z-index: 1; }
.hero-inner-title{ color: #FFF; font-family: 'Bitter'; font-size: 70px; font-style: normal; font-weight: 900; line-height: 80px; margin-bottom: 20px; }
.hero-inner-title strong{ font-weight: 900;color: #0098B1; }
.service-detail-hero-text p{ color: #FFF; font-family: 'Source Sans Pro'; font-size: 26px; font-style: normal; font-weight: 600; line-height: 36px; }
.hotsprings-section { padding: 100px 0 110px; }
section.process-section { background: #053BA2; padding: 85px 0; }
.process-items{ text-align: center;padding: 0 50px; }
.process-items figure{ border-radius: 4px; background: #FFF; width: 130px; height: 130px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.25); margin: 0 auto 40px; text-align: center; line-height: 130px; }
.process-items h4{ color: #0098B1; text-align: center; font-family: 'Bitter'; font-size: 30px; font-style: normal; font-weight: 600; line-height: 36px; margin-bottom: 5px; }
.process-items p{color: #fff;}
.process-row .col-sm-4{ padding: 15px 25px 0; }
.process-items p a{text-decoration: underline;}


.creative-call-bottom{ background: linear-gradient(270deg, rgb(10 13 20 / 95%) 0.66%, rgb(0 152 177 / 95%) 99.98%); padding: 35px 0; }
.creative-call-prent{ display: flex; align-items: center; justify-content: space-between; }
.creative-call-prent .heading-title{ color: #fff;font-size: 50px; line-height: 60px; padding-right: 15px; margin: 0; }
section.creative-designing-banners{position: relative;}
section.creative-designing-banners>img { width: 100%; }
.creative-btns a.theme-btn { margin-right: 10px; }
.creative-btns a.theme-btn.btn-white { padding: 14px 40px 14px; min-width: auto; margin-right: 0; }
.service-detail-contact-section{ padding: 110px 0; }
.service-detail-contact-section .contact-form-right.contact-left { padding: 55px 50px; }
.web-desk-img { margin-top: 50px; }
.about-web-design-section{ background: #F5F5F5 url(../images/web-about-pattern.png) bottom center; background-repeat-x: repeat; background-repeat-y: no-repeat; }
.about-web-design-section .about-left-text { padding: 90px 0; }
.about-web-design-section .about-left-text .heading-title{ color: #000; }
.about-web-design-section .about-left-text p{ color: #000; }
.about-web-design-section .about-left-text .lead-text{ color: #000; }
.about-web-design-section .about-right-logo { text-align: center; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 60px 0px rgba(5, 59, 162, 0.20); padding: 120px 45px; height: 100%; }
.custom-web-content-section{ padding: 120px 0; }
.custom-web-content-section .row{align-items: center;}
.custom-web-right h2 { font-size: 40px; color: #0098B1; }
.custom-web-right { background-color: #fff; padding: 40px 20px 40px 75px; margin-left: -128px; }
.process-items p a:hover { color: #fff; }
.custom-web-right p strong { font-weight: 600; }

.internet-marketing-hero-section{ position: relative; padding: 170px 0; background: url(../images/internet-marketing-banner.jpg) no-repeat bottom center; background-size: cover; }
.section-heading p strong{ color: #0098B1; font-weight: 600; }
.hero-subtitle{ color: #FFF; text-align: center; font-family: 'Bitter'; font-size: 40px; font-style: normal; font-weight: 600; line-height: 60px; margin-bottom: 20px; }
.seo-marketing-row{ display: flex; align-items: center; margin: 45px 0; }
.seo-marketing-row figure{ border: 1px dashed #0098B1; width: 190px; height: 190px; border-radius: 50%; text-align: center; line-height: 188px; margin-right: 45px; }
.seo-serviec-title{ color: #000; font-family: 'Bitter'; font-size: 30px; font-style: normal; font-weight: 600; line-height: 46px; width: 64%; }
.seo-marketing-row:hover .seo-serviec-title{ color: #0098B1; } 
.seo-marketing-right { padding: 20px 0 20px 60px; }
.seo-marketing-parent-row { margin-top: 20px; }
.seo-marketing-row:hover figure{ border-color: #053BA2; }


.search-engine-process-row{ border-radius: 25px; background: #F0F8FF; padding: 90px 65px; }
.search-engine-first-row .row{justify-content: baseline;}
.search-engine-first-row .col-sm-4{ padding: 15px 35px; border-right: 1px solid #CCC; }
.search-engine-first-row .col-sm-4:last-child{ border-right: 0; }
.search-engine-items{ text-align: center; }
.search-engine-items figure{ border: 1px dashed #0098B1; outline: 1px dashed #0098B1; outline-offset: 10px; width: 168px; height: 168px; border-radius: 50%; text-align: center; margin: 0 auto 30px; line-height: 158px; background-color: #fff; transition: all 0.6s; }
.search-engine-items figure img{ transition: all 0.6s; }
.search-engine-items:hover figure{ background-color: #0098B1; }
.search-engine-items:hover figure img { filter: brightness(0) invert(1); }
.search-engine-items h4{ color: #000; text-align: center; font-family: 'Bitter'; font-size: 26px; font-style: normal; font-weight: 600; line-height: 36px; margin-bottom: 10px; }
.search-engine-items:hover h4{ color: #0098B1; }
.search-engine-right-image { border-radius: 15px; overflow: hidden;text-align: right; }
.search-engine-right-image img{border-radius: 15px;}
.search-engine-second-row { margin-top: 90px; }

.google-business-section{ background: #FFF; box-shadow: 0px 0px 30px 0px rgba(5, 59, 162, 0.20) inset; padding: 36px 0;margin-bottom: 10px; }
.google-business-section .about-right-image { text-align: left; }
.google-business-section .about-right-image figure { border-radius: 610px; background: linear-gradient(180deg, #053BA2 0%, #0098B1 100%); border: none; float: none; }
.google-business-section .about-left-text .heading-title { color: #000; }
.google-business-section .about-left-text p{color: #000;}
.google-business-section .lead-text.lead-text-small { color: #0098B1;margin: 0; }
.google-business-section .row { align-items: center; }

section.search-engine-section { padding-bottom: 120px; }
.google-ads-page-section{ padding: 100px 0; }
.google-ads-page-left{ width: 558px; height: 558px; border-radius: 50%; overflow: hidden; }
.google-ads-page-section .row { align-items: center; }
.why-choose-parent-row{ background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 152, 177, 0.30); padding: 100px 60px; }
.why-choose-parent-row .row{justify-content: center;}
.why-choose-parent-row .col-sm-4{ border-right: 1px solid rgb(204 204 204 / 49%); padding: 15px 60px; }
.why-choose-parent-row .col-sm-4:last-child{border-right: 0;}
.whyChoose-icon{ margin-bottom: 20px; }
.why-choose-parent-row .section-heading { margin-bottom: 50px; }

.excellence-jurney-section{ padding-top: 115px; }
.excellence-jurney-section .row{justify-content: center;}
.excellence-jurney-section .col-sm-2{ -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; margin: 30px 0 0; }
.excellence-jurney-section .col-sm-3, .excellence-jurney-section .col-sm-4{margin-top: 30px;}
section.connect-through-google-section.connect-through-google-section-two .row { align-items: center; }
.excellence-jurney-box{ border: 1px solid rgba(5, 59, 162, 0.20); background: #F5F5F5; padding: 38px 11px; height: 100%; text-align: center; transition: all 0.6s; }
.excellence-jurney-box:hover{ background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 152, 177, 0.20); }
.excellence-jurney-box img{ margin-bottom: 23px; }
.excellence-jurney-box p { margin-bottom: 10px; }
.excellence-jurney-box p strong{font-weight: 600;}
section.why-choose-webmonster-section { padding-bottom: 120px; }
section.why-choose-webmonster-section .section-heading.text-center { max-width: 100%; }

.connect-through-google-section{ background: linear-gradient(180deg, #053BA2 0%, #08142B 100%); padding: 100px 0 0;margin-bottom: 120px; }
.connect-through-main .heading-title{color: #fff;}
.connect-through-google-section .call-to-sect-text.text-center { position: relative; z-index: 1; }
.callBottom-img img { margin-top: 50px; margin-bottom: -130px; position: relative; }
.brands-potential-section{ position: relative;padding: 115px 0 140px; }
.brands-potential-section::before{ content: ''; background: url(../images/brands-after.png) no-repeat; width: 614px; height: 870px; top: 50%; left: 0; transform: translateY(-50%); position: absolute; background-size: 100%; }
.brands-potential-section .google-ads-page-left { width: 660px; height: 660px; border: 10px solid #fff; overflow: hidden; }
.brands-potential-section .row{justify-content: center;align-items: center;}


.whyGoogleAds-excellence-section{ margin: 30px 0 120px; }
.whyGoogleAds-row-inn{ max-width: 1260px; margin: 0 auto; }
.whyGoogleAds-row-inn .row{justify-content: center;}
.whyGoogleAds-row-inn .col-sm-4{padding: 20px 20px;}
.whyGoogle-ads-box{ border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(5, 59, 162, 0.20); padding: 56px 30px 40px; height: 100%; text-align: center; 
transition: all 0.6s;}
.whyGoogle-ads-box:hover{ background: #FFF; box-shadow: 0px 0px 30px 0px rgba(5, 59, 162, 0.20) inset; }
.whyGoogle-ads-box figure{ margin-bottom: 35px; }
.whyGoogle-ads-box figure img{filter: brightness(0); transition: all 0.6s;}
.whyGoogle-ads-box h5{ color: #053BA2; font-family: 'Bitter'; font-size: 22px; font-style: normal; font-weight: 700; line-height: 30px; margin-bottom: 10px; }
.whyGoogleAds-excellence-section .blog-btns { padding-top: 20px; }
.whyGoogle-ads-box:hover h5{ color: #0098B1; }
.whyGoogle-ads-box:hover figure img{filter: none;}

.about-google-ads-section{ background: linear-gradient(180deg, #053BA2 0%, #08142D 100%); padding: 36px 0; }
.about-google-ads-section .about-right-image{ text-align: left; }
.about-google-ads-section .about-right-image figure{float: none;border: none;}
.about-google-ads-section .lead-text.lead-text-small { margin-bottom: 0px; }
.about-left-text { padding: 30px 0; }
.socail-media-marketing-top-section .google-ads-page-left{ border-radius: 0; height: auto; width: auto; text-align: right; }
section.connect-through-google-section.connect-through-google-section-two { padding: 0; }
section.connect-through-google-section.connect-through-google-section-two  .call-to-sect-text.text-left{ padding: 60px 0; }
.video-testimonial-row .row { justify-content: center; }
/* .portfolio-item a {
    color: #0098B1;
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    text-align: center;
    display: block;
}
.portfolio-item a:hover {
    color: #0098B1;
} */
.gform-theme--foundation .gfield textarea.medium {
    min-block-size: inherit !important;
}
.load-more-item {
    display: none;
}
.service-detail-list{ border-radius: 4px; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 152, 177, 0.20); padding: 40px 25px 10px; margin-bottom: 50px; }
.sidebar-title{ color: #000; font-family: 'Bitter'; font-size: 40px; font-style: normal; font-weight: 600; line-height: 32px; margin-bottom: 20px; }
.webDesign-service-row .col-sm-4 { padding-left: 10px; }
.service-detail-list ul { padding: 0 0; }
.service-detail-list ul li { list-style: none; }
.service-detail-list ul li a { display: block; padding: 9px 30px 9px 15px; color: #666; font-family: 'Public Sans'; font-size: 18px; font-style: normal; font-weight: 400; line-height: 30px; position: relative; border-bottom: 1px solid #D9D9D9; }
.service-detail-list ul li a::after { content: "\f105"; position: absolute; top: 9px; right: 0; height: 13px; background-size: cover; color: #666; font-family: 'FontAwesome'; font-size: 16px; transition: all 0.6s; }
.service-detail-list ul li:hover a{ background: #0098B1; color: #fff; }
.service-detail-list ul li:hover a::after{ color: #fff; right: 15px; }
.service-detail-list ul li:last-child a{border-bottom: 0;}
.service-sidebar-banner{ border-radius: 4px; background: linear-gradient(141deg, #0A0D14 23.31%, #053BA2 80.02%); padding: 20px 15px; text-align: center; }
.sidebar-bnnr-text h4 { color: #FFF; font-family: 'Bitter'; font-size: 46px; font-style: normal; font-weight: 600; line-height: 60px; }
.sidebar-bnnr-text h4 strong { font-size: 36px; }
.service-sidebar-banner figure { margin-bottom: 20px; }
.sidebar-bnnr-text { padding-bottom: 10px; }
.sidebar-call { color: #FFF; text-align: center; font-family: 'Public Sans'; font-size: 22px; font-style: normal; font-weight: 600; line-height: 30px; }
.sidebar-call a { color: #fff; }
.sidebar-call a:hover { color: #0098B1; }
.step-text { background: linear-gradient(180deg, #053BA2 0%, #0098B1 195.15%); padding: 25px 91px; position: relative; margin-left: -74px; display: inline-block; }
.step-text h3 { color: #FFF; font-family: 'Public Sans'; font-size: 40px; font-style: normal; font-weight: 600; line-height: 50px; text-transform: uppercase; margin: 0; }
.inner-banner-button a.theme-btn { margin: 10px 5px 0; }
section.socail-media-marketing-top-section-video-section { padding-top: 100px; }
.video-popup .modal-dialog { max-width: 800px !important; position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%) !important; width: 94%; border-radius: 10px; margin: 0 auto; }
.modal.video-popup .modal-content { border: none; box-shadow: none; }
.modal.video-popup .modal-body { border: none; }
.modal.video-popup button.close { opacity: 1; position: absolute; right: 28px; top: 35px; font-size: 26px; font-weight: normal; color: #fff; cursor: pointer; text-shadow: none; }
.videoIframe iframe { display: block; height: 430px; }  
.video-icon { position: absolute; right: 0; top: 50%; left: 0; margin: 0 auto; width: 60px; transform: translateY(-50%); }
section.socail-media-marketing-top-section-video-section .row{justify-content: center;}
section.socail-media-marketing-top-section-video-section .col-sm-3{padding: 15px 15px;}
.socail-media-marketing-items img {
    width: 100%;
}
.socail-media-marketing-items {
    position: relative;border-radius: 10px;
        overflow: hidden;
}
section.socail-media-marketing-top-section-video-section.work-section {
    padding-top: 0;
    padding-bottom: 100px;
}
.blog-wrapper .owl-carousel .owl-stage {
    margin: 0 auto;
}
.hero-video iframe {
    height: 100%;
    display: block;
}
.hero-video iframe {
    height: 344px;
    display: block;
    width: 100%;
}
.hero-right-image img {
    position: relative;
}
.hero-collage.midx-collage .left-video img {
    width: 100%;
}
.web-designs-work-gallery {
    padding: 44px 40px 0;
}
.web-designs-work-gallery ul{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
}
.web-designs-work-gallery ul li{
    list-style: none;
    width: 16.66%;
    padding: 10px 12px;
}

.project-gallery-items figure{
    border: 5px solid #fff;
    margin-bottom: 7px;
    transition: all 0.6s ease;
}
.project-gallery-items:hover figure{
border-color: #0098B1;
}
.project-gallery-items figure img{width: 100%;}
.project-gallery-items p{
    color: #FFF;
    
        text-align: center;
        font-family: Public Sans;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        margin: 0;
}
.project-gallery-items p a{color: #fff;}
.project-gallery-items p a:hover {
    color: #0098B1;
}

.pakages-video-production {
    max-width: 1400px;
    margin: 0 auto 0;
}
.pakages-video-production .package-price-left {
    width: 100%;
}

.pakages-video-production .package-price-left h2 {
    color: #FFF;
    font-size: 30px;
    font-weight: 400;
    margin-bottom: 20px;
}
.pakages-video-production .packages-logo {
    height: auto;
    margin-bottom: 20px;
}
.packages-box-main .package-right-dtl .go-btn {
    position: absolute;
    bottom: 30px;
}
.pakages-video-production .go-btn {
    background-color: #0098B1;
    border-color: #0098B1;
    color: #fff;
}
.pakages-video-production .go-btn:hover {
    background-color: #053BA2;
    border-color: #053BA2;
    color: #fff;
}

.pakages-video-production .packages-box-main h2{
	color:#0098B1;
}
.pakages-video-production .package-right-dtl {
    width: 100%;
    padding: 34px 35px 90px 35px;
    position: relative;
}
section.videoProduction-price-section {
    padding-bottom: 100px;
}

.faq-sectioninn .card-header-title.collapsed {
    color: #000;
    border-color: #ccc;
}
.faq-sectioninn .card-body.default-css p {
    color: #666;
}
.faq-sectioninn .faq-box .card .collapse.show{
	 border-color: #ccc;
}
.blog-detail-text.default-css table.table.table-bordered td {
    font-size: 18px;
    font-family: 'Public Sans';
}
.blog-detail-text.default-css table.table.table-bordered td b {
    color: #000;
}
.table th, .table td {
    font-family: 'Public Sans';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #666;
}
.table th{
 color: #000;
	font-weight: 700;
}

@media (min-width:1200px) { .container {max-width: 1180px !important;} }
@media (min-width:1300px) { .container {max-width: 1270px !important;} }
@media (min-width:1400px) { .container {max-width: 1360px !important;} }
@media (min-width:1500px) { .container {max-width: 1440px !important;} }
@media (min-width:1600px) { .container {max-width: 1540px !important;} }
@media (min-width:1700px) { .container {max-width: 1660px !important; } }

@media (min-width:1921px) {
.video-div .wrapper { height: 293px; }
.video-test-item iframe { height: 293px; }
}

@media(max-width:1899px){
	.header-section {
    padding: 17px 15px;
}
	.menu-bar {
    padding-right: 20px;
}
	.head-btn {
    padding-right: 24px;
}
	.head-btn a {
    font-size: 20px;
    line-height: 30px;
    padding: 15px 31px;
}
	
}

@media(max-width:1799px){
.head-btn a { font-size: 18px; line-height: 30px; padding: 15px 30px; }
.head-btn { padding-right: 15px; }
.hero-right-image { margin: 0 -20px; }
.head-call-now a { font-size: 26px; line-height: 35px; }
.hero-video .wrapper { height: 297px; }
.serv-box-item p { font-size: 22px; line-height: 30px; }
.hero-video { padding: 25px 83px 50px 75px; height: 357px; width: 100%; }

}

@media(max-width:1699px){
.head-call-now .headcall-inn { padding-left: 13px; }
.banner-title { font-size: 70px; line-height: 90px; }
.extra-service-section ul li { padding: 0 10px; }
.service-box h4 { font-size: 20px; }
.heading-title { font-size: 50px; line-height: 60px; }
.custom-design-left { width: 802px; height: 812px; padding-top: 190px; }
.left-video .wrapper { height: 388px; }
.left-video { padding: 25px 94px 100px 85px; }
.about-left-text .heading-title { line-height: 67px; }
.client-say-box { padding: 38px 40px 28px 80px; }
.blog-section { padding: 90px 0 100px 0; }
.blog-content h3 { font-size: 20px; line-height: 32px; }
.video-div .wrapper { height: 240px; }
.video-test-item iframe { height: 240px; }
.serv-box-item p { font-size: 20px;
    line-height: 28px; }
a.theme-btn { padding: 14px 26px 14px; }
.process-row .col-sm-4 { margin: 20px 0 0; padding: 0 15px; }
.head-call-now a { font-size: 26px; line-height: 30px; }
.hero-video { padding: 25px 75px 50px 68px; height: 336px; width: 100%; background-size: 100% 100%;}
.hero-video .wrapper {height: 280px;}
.hero-inner-title { font-size: 60px; line-height: 70px; }
.creative-call-prent .heading-title { font-size: 40px; line-height: 50px; }
.creative-call-prent { padding: 0 35px; }
.custom-web-right { padding: 40px 20px 40px 65px; }
.process-items { padding: 0 40px; }
.process-items h4 { font-size: 28px; }
.seo-marketing-right { padding: 0 0 20px 40px; }
.seo-serviec-title { font-size: 27px; line-height: 38px; }
.search-engine-items h4 { font-size: 24px; }
.hero-video iframe {
    height: 280px;
}

}
@media(max-width:1599px) {
.head-call-now p { font-size: 20px; line-height: 32px; }
.head-call-now a {font-size: 23px;  line-height: 28px;}
.head-call-now figure { width: 46px;}
.head-call-now .headcall-inn{padding-left: 9px;	}
.banner-title { font-size: 60px; line-height: 80px; }
.head-btn a { font-size: 18px; line-height: 28px; padding: 10px 30px; }
.head-btn { padding-right: 25px; }
.extra-service-section ul li { padding: 0 10px;}
.floating-icon a { padding: 10px 15px; font-size: 18px; line-height: 24px; }
.floating-icon { right: -100px; }
.service-box h4 { font-size: 18px; line-height: 24px; }
.team-image figure { width: 210px; height: 210px; }
.team-detail h5, .team-detail h3 { font-size: 22px; }
.team-detail p { margin: 0; font-size: 16px; }
.team-detail { min-width: 248px; }
.team-box.team-box-4 { margin-top: -100px; margin-left: -30px; }
.custom-design-left { width: 762px; height: 762px; padding-top: 170px; }
.left-video { padding: 22px 90px 100px 79px; }
.custom-right-content { padding-left: 80px; padding-top: 110px; }
.portfolio-section .col-sm-4 { padding: 15px 15px; }
.testimonial-slider.owl-carousel .owl-nav, .video-slider.owl-carousel .owl-nav { padding-right: 10px; }

.video-div .wrapper { height: 220px; }
.modal.popup-form button.close { right: 15px; top: 15px; font-size: 30px; width: 23px; }
.modal.popup-form .modal-dialog { top: 0; transform: inherit; margin: 56px auto 0; }
div#form-popup { padding: 0 !important; }
.video-test-item iframe { height: 270px; }

.service-cta-row .col-sm-7 { -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; }
.service-cta-row .col-sm-5 { padding: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }
.service-detail-section .col-sm-4 { padding-left: 50px; }
.about-right-image figure { width: 514px; height: 514px; }
.about-right-image figure img { max-width: 220px; }
.extra-service-section { padding: 45px 50px; }
.serv-box-item p { font-size: 20px; line-height: 27px; }
.floating-icon { right: -90px; }
.menu-bar { padding-right: 20px; }
.team-row-parent .col-sm-6:first-child .team-box { margin-left: -30px; }
.service-row-parent { max-width: 1310px; }
.hero-right-image::before { width: 554px; height: 554px; }
.home-banner { padding: 150px 0 180px; }
.services-slider-left ul li a { font-size: 28px; line-height: 32px; padding: 30px 40px; }
.hero-video .wrapper { height: 268px; }
.hero-video { padding: 25px 73px 50px 64px;height: 325px; }
.custom-web-right { padding: 40px 20px 40px 45px; }
.search-engine-first-row .col-sm-4 { padding: 15px 20px; }
.internet-marketing-hero-section { padding: 120px 0; }
.hero-subtitle { font-size: 36px; line-height: 50px; margin-bottom: 15px; }
.modal.video-popup button.close { right: 15px; top: 15px; font-size: 23px; width: 23px; }
.video-popup .modal-dialog { top: 0; left: 0; right: 0; transform: inherit !important; margin: 60px auto 0; }
.about-google-ads-section .about-right-image figure img {
    max-width: 390px;
}
section.about-section.about-our-work-section .about-right-image figure img {
    max-width: 390px;
}
.hero-video iframe {
    height: 270px;
}
	.header-section {
    padding: 17px 0px;
}
	

}

@media(max-width:1499px){
.container { max-width: 100% !important; padding: 0 50px; }
.head-call-now a { font-size: 22px; line-height: 30px; }
.top-logo { padding-right: 25px; }
.banner-caption p { font-size: 22px; }
.banner-title { font-size: 50px; line-height: 70px; }
.service-row-parent .col-sm-2 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; margin: 15px 0; }
.service-box figure { margin: 0 auto 30px; }
.custom-design-section { background-size: 91%; padding: 90px 0; }
.heading-title { font-size: 40px; line-height: 50px; }
.custom-right-content .default-css p b { font-size: 18px; }
.custom-design-left { width: 650px; height: 650px; padding-top: 150px; } 
.custom-right-content { padding-left: 40px; padding-top: 60px; }   
.left-video { padding: 20px 77px 100px 69px; }
.left-video .wrapper { height: 314px; }
.lead-text { font-size: 26px;margin-bottom: 15px; }
.client-name h5 { line-height: 26px; }
.testimonial-slider.owl-carousel .owl-nav .owl-next, .testimonial-slider.owl-carousel .owl-nav .owl-prev, .video-slider.owl-carousel .owl-nav .owl-next, .video-slider.owl-carousel .owl-nav .owl-prev { width: 60px; height: 60px; }
.video-div .wrapper { height: 230px; }
.faq-box .card-header h5, .card-header-title { padding: 20px 40px 20px 0; font-size: 22px; line-height: 30px; }
.blog-slider.owl-carousel .owl-nav .owl-next, .blog-slider.owl-carousel .owl-nav .owl-prev { top: -40px; width: 50px; right: 120px; height: 50px; }
.blog-slider.owl-carousel .owl-nav .owl-prev { right: 50px; }
.blog-section { padding: 80px 0 80px 0; }
.video-test-item iframe { height: 230px; }
.service-page-section { padding: 80px 0; }
.page-nav ul li { font-size: 18px; line-height: 24px; }
.page-nav { padding: 13px 0; }
.service-cta-row .col-sm-7 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-left: 15px;padding-right: 15px; }
.service-cta-row .col-sm-5 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

.cta-buttons { padding-top: 15px; }
.service-CTA-section { padding-bottom: 80px; }
.service-right-content h2 { font-size: 32px; }
.step-text h3 { font-size: 30px; line-height: 30px; }
.service-detail-section .col-sm-4 { padding-left: 30px; }
.sidebar-bnnr-text h4 { font-size: 34px; line-height: 46px; }
.sidebar-bnnr-text h4 strong { font-size: 28px; }
.sidebar-call { font-size: 20px; line-height: 26px; }
.form-title { font-size: 30px; }
.service-detail-form { padding: 30px 20px; margin-bottom: 40px; }
.sidebar-title { font-size: 30px; line-height: 32px; margin-bottom: 15px; } 
.service-detail-list { padding: 30px 20px 10px; margin-bottom: 40px; }
.web-design-box figure img { width: auto; max-height: 120px; }
.web-design-box figure { margin-bottom: 15px; }
.process-items { padding: 0 10px; }
.process-content h4 { font-size: 24px; }
.process-section { padding: 70px 0; }
.about-right-image figure { width: 464px; height: 464px; }
.team-right-inn { padding: 30px 20px 10px 15px; }
h1 {font-size: 32px;line-height: 40px;}
h2 {font-size: 30px;line-height: normal;}
h3 {font-size: 28px;line-height: normal;}
h4 {font-size: 26px;line-height: normal;}
h5 {font-size: 24px;line-height: normal;}
h6 {font-size: 22px;line-height: normal;}
.contact-page-section { padding: 80px 0; }
.contact-address-info figure { margin: 0 auto 18px; }
.contact-address-info h3 { font-size: 22px; }
.serv-box-item p { font-size: 20px; line-height: 27px; }
.extra-service-section ul { overflow: hidden; }
.team-box.team-box-4 { margin-top: -70px; }
.menu-bar { padding-right: 17px; }
.head-btn a { padding: 10px 20px; }
.lead-text-top { font-size: 28px; line-height: 40px; margin-bottom: 14px; }
.hero-video .wrapper { height: 250px; } 
.hero-video { padding: 23px 64px 50px 58px; width: 100%; height: 301px; background-size: 100% 100%;}
.service-section { padding: 80px 0 170px; }
.services-slider-left ul li a { font-size: 22px; line-height: 28px; padding: 21px 30px; }
.service-row-parent { max-width: 1130px; }
.case-study-images .our-service-image img { opacity: 0; -webkit-transform: scaleX(1) skewX(5deg); -ms-transform: scaleX(1) skewX(5deg); transform: scaleX(1) skewX(5deg); -webkit-transition: 0s 0.45s; -o-transition: 0s 0.45s; transition: 0s 0.45s; }
.case-study-images .show .our-service-image img { opacity: 1; -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); -webkit-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); -o-transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); transition: 0.4s cubic-bezier(0.215, 0.61, 0.355, 1); }
.service-row-parent .col-md-8 { padding-left: 0; }
.about-left-text .default-css .custom-btns { padding-top: 15px; }
.about-section { padding: 80px 0; }
.about-left-text .heading-title { line-height: 51px; }
.star-rating { margin-bottom: 40px; }
.panel .front {padding: 100px 30px;}
.panel .back{padding: 27px 24px;}
.video-testimonial-row { padding: 0; }
.video-testmonial-section { padding: 80px 0; }
.call-to-sect-text .heading-title { line-height: 60px; }
.call-to-sect-text .banner-btns { padding-top: 20px; }
.call-to-section { padding: 65px 0; }
section.faq-section { padding: 80px 0 0; }
.hero-inner-title { font-size: 50px; line-height: 60px; }
.service-detail-hero-text p { font-size: 22px; line-height: 30px; }
.web-design-box { padding: 50px 35px; }
.creative-call-prent { padding: 0 0; }
.creative-call-prent .heading-title { font-size: 35px; line-height: 50px; }
.custom-web-content-section { padding: 80px 0; }
.custom-web-right h2 { font-size: 35px; }
.custom-web-left img { height: 600px; object-fit: cover; }
.internet-marketing-hero-section { padding: 100px 0; }
.hotsprings-section { padding: 70px 0 60px; }
.seo-marketing-right { padding: 0; }
.seo-marketing-row figure img { width: auto; max-height: 88px; }
.seo-marketing-row figure { width: 150px; height: 150px; line-height: 148px; margin-right: 26px; }
.seo-serviec-title { font-size: 24px; line-height: 31px; width: 68%; }
.seo-marketing-row { margin: 35px 0; }
.search-engine-items figure img { width: auto; max-width: 70px; }
.search-engine-items figure { outline-offset: 7px; width: 118px; height: 118px; margin: 0 auto 24px; line-height: 108px; }
.search-engine-items h4 { font-size: 20px; line-height: 31px; }
section.search-engine-section { padding-bottom: 70px; }
.google-ads-page-left { width: 500px; height: 500px; }
.google-ads-page-section { padding: 80px 0; }
.why-choose-parent-row { padding: 70px 50px; }
.why-choose-parent-row .col-sm-4 { padding: 15px 40px; }
.excellence-jurney-section { padding-top: 75px; }
section.why-choose-webmonster-section { padding-bottom: 80px; }
.connect-through-google-section { padding: 60px 0 0; }
.brands-potential-section .google-ads-page-left { width: 590px; height: 590px; }
section.connect-through-google-section.connect-through-google-section-two { padding: 0; margin-bottom: 0; }
.brands-potential-section::before { width: 514px; height: 740px; }
section.socail-media-marketing-top-section-video-section { padding-top: 80px; }
.video-icon { width: 50px; }
.serv-graphic-image {
    bottom: 54px;
    left: 33%;
}
.head-btn {
	padding-right: 15px;
}


}
@media(max-width:1440px) {
.hero-video .wrapper { height: 250px; }
.hero-video iframe {
    height: 250px;
}

}

@media(max-width:1399px) {
.head-btn a { font-size: 18px; line-height: 28px; padding: 10px 20px; }
.team-box.team-box-4 { margin-top: -40px; margin-left: 0px; }
.team-box.team-box-5 { margin-top: 20px; }
.custom-design-left { width: 580px; height: 580px; padding-top: 130px; }
.custom-right-content { padding-left: 0; padding-top: 60px; }
.about-left-text .heading-title { line-height: 50px; }
.blog-section { padding: 80px 0 80px 0; }
.blog-section .container-fluid { padding: 0 15px; }
.faq-box .card-header h5, .card-header-title { padding: 20px 30px 20px 0; font-size: 20px; line-height: 30px; }
a.theme-btn { font-size: 18px; line-height: 24px; padding: 11px 20px 11px; min-width: 146px; }
#back-top-wrapper{display: none;}
.ftr-social a { height: 54px; width: 54px; margin: 0 3px; }
.video-div .wrapper { height: 190px; }

.test-slider-main { padding-left: 0; }
.client-say-box { padding: 28px 30px 28px 70px; }
.client-name h5 { line-height: 23px; font-size: 22px; }
.testimonial-slider.owl-carousel .owl-stage { padding: 30px 0 40px; }
.test-slider-main::after{display: none;}
.video-testmonial-section { padding: 70px 0; }
.testmonial-section { padding: 70px 0; }
.banner-btns { padding-top: 10px; }
.video-test-item iframe { height: 190px; }
.left-video .wrapper { height: 279px; }
.left-video { padding: 18px 68px 100px 62px; }
.service-cta-text { padding: 70px 35px 70px 50px; }
.step-text:before { content: ''; width: 0; height: 0; position: absolute; bottom: -43px; left: 0; text-align: center; border-top: solid 43px #042D7A; border-left: solid 45px transparent; border-right: solid 0 transparent; }
.step-text { padding: 15px 60px; margin-left: -44px; }
.process-content { padding: 16px 15px 0; }
.blog-wrapper .col-sm-4 { padding: 20px; }
.head-btn { padding-right: 15px; }
.hero-video .wrapper { height: 241px; }
.hero-right-image::before { width: 454px; height: 454px; top: -80px; }
.custom-design-section { background-size: 75%; padding: 90px 0; }
.portfolio-section { padding: 0 45px 70px; }

.video-testimonial-row .col-sm-4 { padding: 15px 15px; }
.contact-section { padding: 70px 0; }
.contact-left { padding: 35px 40px; }
.form-hero input.button.gform_button, .contact-left input.button.gform_button { font-size: 18px !important; line-height: 24px !important; padding: 16px 30px !important; }
footer { padding-top: 80px; }
.panel .back p { font-size: 16px; line-height: 22px; }
.box-wrapper { min-height: 335px; }
.panel .front { padding: 80px 20px; }
.past-client-logo { padding: 14px 15px; }
.hero-video { padding: 22px 60px 50px 54px; }
.process-items { padding: 0; }
.web-design-box { padding: 50px 25px; }
.search-engine-process-row { padding: 70px 45px; }
.whyGoogle-ads-box { padding: 40px 20px 30px; }
.whyGoogle-ads-box figure { margin-bottom: 20px; }
.brands-potential-section::before { width: 504px; height: 740px; }
.brands-potential-section { padding: 115px 0 90px; }
.excellence-jurney-section .col-sm-2 { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; margin: 30px 0 0; }
.google-ads-page-left { width: 450px; height: 450px; }
.why-choose-parent-row .col-sm-4 { padding: 15px 20px; }
}
@media(max-width:1366px) {
.hero-video .wrapper { height: 241px; }
.hero-video { padding: 22px 64px 50px 58px;height: 289px; }
.hero-video iframe {
    height: 240px;
}
.web-designs-work-gallery ul li {
    width: 25%;
    padding: 10px 10px;
}
.serv-graphic-image img {
    width: 50px;
}
.serv-graphic-image {
    bottom: 46px;
    left: 33%;
}

}
@media(max-width:1299px) {
footer { padding-top: 70px; }
.ftr-add { padding-left: 30px; margin-left: 30px; }
.footer-menu ul li::after { font-size: 18px; line-height: 28px; padding: 0 45px; }
.footer-menu ul li { padding: 11px 1px; }
.video-div .wrapper { height: 200px; }
.video-test-item iframe { height: 200px; }
.video-testmonial-section { padding: 70px 40px; }
.client-say-box { padding: 28px 20px 28px 65px; } 
.video-slider.owl-carousel .owl-stage { padding: 20px 0 20px; }
.custom-design-left { width: 530px; height: 530px; padding-top: 130px; }
.left-video { padding: 15px 63px 100px 56px; }
.left-video .wrapper { height: 258px; }
.banner-caption-left { padding-top: 0px; }
.head-call-now a { font-size: 22px; line-height: 27px; }
.head-call-now figure { width: 42px; }
.banner-caption p { font-size: 20px; }
.service-detail-section .col-sm-4 { padding-left: 15px; }
.gform_wrapper .medium { font-size: 16px !important; line-height: 20px !important; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select { font-size: 16px !important; line-height: 20px !important; }
.sidebar-call a { display: block; }
.custom-dtl-btns { padding-top: 15px; }
.about-right-image figure { width: 414px; height: 414px; border-width: 15px; }
.about-right-image figure img { max-width: 180px; }
.team-big-row .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%;text-align: center; max-width: 100%; }
.team-big-row .col-sm-8{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.team-image-inn { height: auto;text-align: center; display: inline-block; margin: 0 auto; }
.team-image-inn img { width: auto; height: auto; }
.team-image-inn { height: auto; position: relative; text-align: center; }
.pakages-section .col-sm-6 { padding: 15px 15px; }
.package-right-dtl { width: 55%; padding: 40px 15px 30px 30px; }
.package-price-left h3 { font-size: 50px; line-height: 50px; margin-bottom: 30px; }
.packages-logo img { width: auto; max-width: 110px; }
.packages-logo { height: 121px; margin-bottom: 44px; }
.ftr-social a { height: 50px; width: 50px; margin: 0 2px; }

.extra-service-section ul li:nth-child(5){border-right: 0;}
.head-btn { padding-right: 15px; }
.head-call-now a {
    font-size: 17px;
    line-height: 20px;
    line-height: 23px;
}
	.head-call-now .headcall-inn {
    padding-left: 10px;
}
.head-call-now p { font-size: 18px; line-height: 30px; }
.header-section { padding: 13px 0px; }
.team-box.team-box-1 .team-image figure { width: 260px; height: 260px; }
.testmonial-section { padding: 70px 10px; }
.home-banner { padding: 100px 0 240px; }
.hero-video .wrapper { height: 228px; }
.hero-video { padding: 20px 60px 45px 54px; width: 490px; height: 272px; background-size: 100% 100%; }
.video-testmonial-section { padding: 70px 0; }
.box-wrapper { min-height: 305px; }
.logo-list ul li { padding: 5px 6px; }
.webDesign-service-row .col-sm-4 { padding: 20px 15px; }
.web-design-box p { font-size: 20px; line-height: 30px; margin: 0; }
.seo-serviec-title { font-size: 22px; line-height: 29px; width: 65%; }
.seo-marketing-row { margin: 15px 0; }
.search-engine-process-row { padding: 70px 15px; }
.search-engine-items h4 { font-size: 18px; line-height: 30px; }
.internet-marketing-hero-section { padding: 80px 0; }
.google-ads-page-left { width: 410px; height: 410px; }
.why-choose-parent-row { padding: 50px 30px; }
.brands-potential-section .google-ads-page-left { width: 520px; height: 520px; }
.about-google-ads-section .about-right-image figure img {
    max-width: 320px;
}
section.about-section.about-our-work-section .about-right-image figure img {
    max-width: 320px;
}
.hero-video iframe {
    height: 228px;
}
.serv-graphic-image {
    bottom: 46px;
    left: 32%;
}
.blog-detail-text.default-css table.table.table-bordered td {
    font-size: 16px;
    font-family: 'Public Sans';
}
	    .head-btn a {
        font-size: 18px;
        line-height: 24px;
        padding: 10px 14px;
    }
}

@media(max-width:1279px) {
.extra-service-section ul li { padding: 0 15px; width: 25%; }
.serv-box-item p { font-size: 20px; line-height: 26px; }

}

@media(max-width:1199px) {
.container { max-width: 100% !important; padding: 0 15px; }
.header-section { padding: 10px 0;     content-visibility: visible !important;}
.header-section .col-sm-8 { padding: 0 15px; -ms-flex: 0 0 55%; flex: 0 0 55%; max-width: 55%; }
.header-section .col-sm-4 { padding: 0 15px; -ms-flex: 0 0 45%; flex: 0 0 45%; max-width: 45%; }
.header-menu-parent { justify-content: right; padding-right: 50px; }
.head-call-now p { font-size: 16px; line-height: 25px; }
.head-call-now a { font-size: 19px; line-height: 24px; }
.head-call-now figure { width: 40px; }
.head-call-now .headcall-inn { padding-left: 10px; }
.head-btn a { font-size: 16px; line-height: 22px; padding: 8px 15px; }
.home-banner { padding: 40px 0 40px; background: #0b0e17; }
.banner-title { font-size: 28px; line-height: 38px; margin-bottom: 11px; }
.banner-caption p { font-size: 16px; line-height: 24px; }
.banner-btns { padding-top: 0; }
.banner-btns a.theme-btn { margin-right: 8px; }
a.theme-btn { font-size: 16px; line-height: 22px; padding: 10px 15px 10px; min-width: 136px; }
.home-banner::before {background-size: 100% 100%;display: none; }
.banner-caption-left { padding-top: 40px; }
.lead-text-top { font-size: 20px; line-height: 28px; margin-bottom: 10px; }
.banner-caption { max-width: 478px; }
.extra-service-section ul li:nth-child(5) { border-right: 1px solid rgb(0 152 177 / 20%); }
.hero-right-image { margin: 0; margin-left: -50px; }
.extra-service-section { padding: 35px 0; }
.serv-box-item figure { width: 70px; height: 70px; line-height: 70px; margin: 0 auto 15px; }
.serv-box-item figure img { width: auto; max-height: 41px; }
.floating-icon{display:none;}
.logo-section { padding: 30px 0px; }
.service-section { padding: 40px 0; }
.heading-title { font-size: 30px; line-height: 40px; }
.service-box figure img { width: auto; max-height: 75px; }
.service-box figure { margin: 0 auto 15px; }
.service-box { padding: 30px 15px; height: 100%; }
.button-center.text-center { padding-top: 10px; }
.button-center.text-center a.theme-btn { margin: 10px 3px 0; }

.team-section { padding: 40px 0 40px; }
.team-image { margin-right: 0; }
.team-image figure { width: 160px; height: 160px; margin: 0 auto 20px; }
.dot-icon{display: none;}
.team-box { display: block;padding: 15px 0; }
.team-detail { min-width: auto; text-align: center; padding: 15px 15px; }
.team-box.team-box-3 .team-detail { margin-top: 0; }   
.team-row-parent .col-sm-6:first-child .team-box.team-box-2 { margin: 0; }
.team-box.team-box-4 .team-image { margin-right: 0; }
.team-box.team-box-4 { margin-top: 0; margin-left: 0px; } 
.team-box.team-box-4 .team-detail { top: 0; }
.team-box.team-box-5 .team-image { margin-right: 0; margin-left: 0; }
.team-box.team-box-3 .team-image { margin-right: 0; margin-left: 0; }
.team-box.team-box-2 .team-image { margin-left: 0; margin-right: 0; }
.team-box.team-box-3 { margin-right: 0; }
.team-row-parent .col-sm-6:first-child .team-box { margin-left: 0; }
.team-box.team-box-5 { margin-top: 0; }
.custom-design-section { padding: 40px 0; background: #f5f5f5; }
.custom-design-left { width: 470px; height: 470px; padding-top: 90px; }
.custom-right-content { padding-left: 0; padding-top: 0; }
p { font-size: 16px; line-height: 22px; }
.custom-right-content .default-css p b { font-size: 16px; }
.custom-btns .theme-btn { margin-right: 5px; }
.portfolio-section { padding: 40px 0 40px; }
.portfolio-title { font-size: 18px; line-height: 24px; } 
.about-section { padding: 40px 0; }
.left-video .wrapper { height: 228px; }
.left-video { padding: 14px 55px 100px 49px; }
.about-left-text .heading-title { line-height: 40px; }
.lead-text { font-size: 20px; line-height: 26px; margin-bottom: 13px; }
.testmonial-section { padding: 40px 0; }
.client-say-box { padding: 20px 15px 122px 15px; }
.client-name p { margin: 0; }
.client-name h5 { line-height: 23px; font-size: 18px; margin-bottom: 5px; }
.client-say-box p { font-size: 14px; line-height: 20px; }
.client-say-box { padding: 50px 15px 92px 15px; box-shadow: 0px 0px 20px 0px rgba(5, 59, 162, 0.20); }
.star-rating img { width: auto; max-height: 22px; }
.star-rating { margin-bottom: 8px; }
.quote { width: 43px; margin-bottom: 10px; }
.testimonial-slider.owl-carousel .owl-stage { padding: 16px 0 30px; }
.testimonial-slider.owl-carousel .owl-nav, .video-slider.owl-carousel .owl-nav { padding-top: 10px;padding-right: 0; }
.testimonial-slider.owl-carousel .owl-nav .owl-next, .testimonial-slider.owl-carousel .owl-nav .owl-prev, .video-slider.owl-carousel .owl-nav .owl-next, .video-slider.owl-carousel .owl-nav .owl-prev { width: 40px; height: 40px; background-size: 22px; margin: 0 7px; }
.testimonial-slider.owl-carousel .owl-nav .owl-next:hover, .testimonial-slider.owl-carousel .owl-nav .owl-prev:hover { background-size: 22px; }
.testimonial-slider.owl-carousel .owl-nav .owl-next:hover,
.video-slider.owl-carousel .owl-nav .owl-next:hover{background-size: 22px;}
.testimonial-slider.owl-carousel .owl-nav .owl-prev:hover,
.video-slider.owl-carousel .owl-nav .owl-prev:hover{background-size: 22px;}
.video-testmonial-section { padding: 30px 0; }
.video-slider.owl-carousel .owl-stage { padding: 6px 0 15px; }
.click-to-play-overlay { bottom: 20px; right: 20px; width: 50px; height: 50px; background-size: 50px; background-repeat: no-repeat; }
.video-div .wrapper { height: 180px; }
.video-test-item iframe { height: 260px; }
.call-to-section { padding: 40px 0 50px; }
.contact-section { padding: 40px 0; }
.contact-left { border-radius: 25px; padding: 25px 15px; }
.gform_wrapper .medium { font-size: 16px !important; line-height: 20px !important; padding: 5px 5px 5px !important; height: 42px !important; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select { font-size: 16px !important; line-height: 20px !important; padding: 5px 5px 5px !important; height: 42px !important; }
.gform_wrapper textarea.medium { height: 80px !important; }
.form-hero input.button.gform_button, .contact-left input.button.gform_button { font-size: 18px; line-height: 22px; padding: 11px 20px; }
.contact-section .col-sm-6:first-child { padding-right: 15px; }
section.faq-section { padding: 40px 0 0; }
.faq-box .card-header h5, .card-header-title { padding: 15px 30px 15px 0; font-size: 18px; line-height: 24px; }
.faq-box { padding-top: 0; }
.faq-right-section { padding-bottom: 40px; }
.blog-slider.owl-carousel .owl-nav .owl-next, .blog-slider.owl-carousel .owl-nav .owl-prev { top: -30px; width: 40px; right: 60px; height: 40px; background-size: 22px; }
.blog-slider.owl-carousel .owl-nav .owl-prev { right: 4px; }
.blog-slider.owl-carousel .owl-nav .owl-prev:hover{ background-size: 22px; }
.blog-slider.owl-carousel .owl-nav .owl-next:hover{ background-size: 22px; }
.blog-section { padding: 40px 0 40px 0; }
.blog-slider.owl-carousel .item { padding: 15px 0; }
.blog-content { padding: 15px 10px 10px; margin: -30px 0px 0 15px; }
.blog-content h3 { font-size: 18px; line-height: 26px; }
.blog-btns a.theme-btn.btn-white { margin-left: 6px; }
footer { padding-top: 40px; }
.footer-logo img { max-width: 310px; }
.footer-logo { margin-bottom: 20px; }
.ftr-call a { font-size: 24px; line-height: 25px; }
.ftr-call figure { margin-right: 6px; width: 30px; }
.ftr-add p strong { font-size: 20px; }
.ftr-add { padding-left: 15px; margin-left: 15px; }
.ftr-social { padding-top: 20px; }
.ftr-social a { height: 40px; width: 40px; margin: 0 3px; line-height: 33px; }
.ftr-social a img { width: auto; max-height: 21px; }
.footer-menu ul li { padding: 7px 1px; font-size: 16px; line-height: 20px; }
.ftr-add p { margin: 0; padding-left: 82px;}
.footer-menu ul li::after { font-size: 16px; line-height: 22px; padding: 0 25px; }
.menu-copyright ul li { font-size: 16px; line-height: 22px; }
.menu-copyright ul li::after { font-size: 15px; line-height: 18px; padding: 0 7px 0 9px; }
.footer-menu { margin: 30px 0 0 0; }
.copyright-sections { padding: 15px 0; }
.form-hero .b-form-title { margin-bottom: 10px; font-size: 26px; line-height: 30px; }
.video-testimonial-row .owl-carousel .owl-item .item { padding-bottom: 15px; }
.service-page-section { padding: 40px 0; }
.service-page-parent { padding-left: 0; padding-top: 10px; }
.service-right-content h2 { font-size: 24px; margin-bottom: 10px; }
.read-more-btn { font-size: 16px; line-height: 22px; padding: 10px 30px; }
.service-right-content a.read-more-btn { margin-top: 0; }
.service-right-content { padding: 20px 15px; }
.service-page-row:nth-child(even) .service-left-image { padding: 0; }

.cta-buttons { padding-top: 0; }
.service-cta-text { padding: 60px 5px 40px 40px; }
.service-CTA-section { padding-bottom: 40px; }
.service-detail-section .col-sm-8 { -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; }
.service-detail-section .col-sm-4 { -ms-flex: 0 0 38%; flex: 0 0 38%; max-width: 38%; }
.service-detail-section { padding: 40px 0; }
.form-title { font-size: 24px; line-height: 25px; margin-bottom: 11px; }
.service-detail-form { padding: 20px 15px; margin-bottom: 30px; }
.service-detail-form input.button.gform_button { font-size: 18px; line-height: 24px; padding: 11px 15px; }
.sidebar-title { font-size: 24px; line-height: 28px; margin-bottom: 13px; }
.service-detail-list { padding: 20px 15px 10px; margin-bottom: 30px; }
.service-detail-list ul li a { padding: 9px 15px 9px 15px; font-size: 16px; line-height: 22px; }
h1 {font-size: 30px;line-height: 40px;}
h2 {font-size: 28px;line-height: normal;}
h3 {font-size: 26px;line-height: normal;}
h4 {font-size: 24px;line-height: normal;}
h5 {font-size: 22px;line-height: normal;}
h6 {font-size: 20px;line-height: normal;}
.sidebar-bnnr-text h4 { font-size: 28px; line-height: 34px; }
.sidebar-bnnr-text h4 strong { font-size: 22px; }
.sidebar-call { font-size: 18px; line-height: 26px; }
.web-design-box { padding: 25px 15px; }
.web-design-box figure img { width: auto; max-height: 90px; }
.web-design-box p { font-size: 18px; }
.webDesign-service-row .col-sm-4 { -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.process-section { padding: 40px 0; }
.step-text h3 { font-size: 21px; line-height: 25px; }
.step-text { padding: 11px 50px; margin-left: -15px; }
.process-content h4 { font-size: 20px; line-height: 26px; margin-bottom: 10px; }
.step-text:before { bottom: -14px; border-top: solid 15px #042D7A; border-left: solid 15px transparent; border-right: solid 0 transparent; }
.page-nav::before { display: none; }
.page-nav { padding: 8px 0; background: #0098B1;position: relative; }
.page-nav ul li { font-size: 16px; line-height: 22px; }
section.portfolio-section.portfolio-page-section { padding-top: 40px; }
.about-right-image figure { width: 364px; height: 364px; border-width: 10px; padding: 20px 20px; }
.about-right-image figure img { max-width: 160px; }
.middle-content-section { padding: 40px 0; }
.lead-text.lead-text-small { font-size: 18px; line-height: 22px; }
.team-col-text-right { width: 100%; padding: 20px 15px; }
.team-col-boxIn .team-image-inn { width: 100%; text-align: center; }
.team-col-box-parent .col-sm-6 { padding: 15px; }
.default-css ul li, .default-css ol li { font-size: 16px; line-height: 22px; margin: 0 0 8px; }
.default-css ul li { background-position: 0 3px; padding-left: 24px; background-size: 16px; }
.team-right-inn { padding: 20px 15px 10px 15px; }
.team-col-boxIn { display: block; text-align: center; }
.team-page-section { padding: 40px 0; }
.team-name-abs p { font-size: 18px; line-height: 26px; }
.package-right-dtl { padding: 30px 15px 30px 15px; }

.packages-box-main h2 { font-size: 22px; margin-bottom: 13px; }
.package-price-left h3 { font-size: 35px; line-height: 40px; margin-bottom: 20px; }
.go-btn { font-size: 18px; line-height: 24px; padding: 8px 45px; }
.contact-information-top { padding: 35px 15px; }
.contact-address-info figure img { width: 40px; }
.contact-address-info figure { margin: 0 auto 10px; }
.contact-address-info h3 { font-size: 20px; line-height: 28px; margin: 0; }
.contact-map-section iframe { height: 355px; }
.contact-section-innn { padding-bottom: 40px; }
.contact-map-section { margin-top: 40px; }
.contact-page-section { padding: 40px 0; }
section.default-section { padding: 40px 0; }
.search-btn { margin-bottom: 30px; padding: 15px 15px 15px; }
.search-medium { padding: 7px 40px 7px 15px; height: 42px; font-size: 16px; line-height: 22px; }
.search-btn button { top: 7px; width: 28px; right: 8px; background: transparent; }
.nav-previous a, .nav-next a { font-size: 18px; line-height: 24px; padding: 10px 20px 10px; min-width: auto; }
nav.navigation.post-navigation { padding: 0; }
.blog-detail-left { padding: 15px 15px 20px; }
section.blog-section.singlepgge { padding: 40px 0px; }
section.blog-section.blogpage-single-section.default-section .col-sm-8 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
section.blog-section.blogpage-single-section.default-section .col-sm-4 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.blog-wrapper .col-sm-4 { padding: 15px; }
section.blog-section.blog-inn { padding: 40px 0; }
.wp-pegination { padding-top: 20px; }
.team-box.team-box-1 .team-image figure { width: 160px; height: 160px; }
.package-price-left h3 sup { font-size: 20px; line-height: 28px; top: 3px; vertical-align: top; left: 3px; }
.hero-video .wrapper { height: 200px; }
.hero-video { padding: 18px 57px 28px 51px;width: 100%;height: 240px; }
.hero-right-image::before { width: 304px; height: 304px; top: -20px; background: linear-gradient(154deg, rgba(255, 255, 255, 0.97) 18.64%, #0098B1 83.65%); }
.logo-list ul li figure { padding: 8px 8px; }
.services-slider-left ul li a { font-size: 18px; line-height: 24px; padding: 15px 20px; }
.service-row-parent { max-width: 900px;margin: 6px auto 0; }
.service-section { padding: 40px 0 130px; }
.our-service-image { height: 100%; width: 100%; }
.panel .back p { font-size: 15px; line-height: 20px; margin-bottom: 10px; }
.panel .back { padding: 18px 15px; }
.box-wrapper { min-height: 255px; }
.call-to-sect-text .heading-title { line-height: 40px; }
.call-to-sect-text .banner-btns { padding-top: 10px; }
section.current-and-past-clients-section { padding-bottom: 35px; }
.web-design-hero-section { padding: 40px 0 20px; }
.hero-inner-title { font-size: 28px; line-height: 40px; margin-bottom: 14px; }
.service-detail-hero-text p { font-size: 18px; line-height: 26px; }
.web-desk-img { margin-top: 30px; }
.web-design-hero-section::after{display: none;}
.hotsprings-section { padding: 40px 0 40px; }
.custom-btns.text-center { padding-top: 10px; }
.webDesign-service-row .row { justify-content: center; }
section.process-section { padding: 40px 0; }
.process-items figure { width: 90px; height: 90px; margin: 0 auto 10px; line-height: 90px; }
.process-items figure img { width: auto; max-height: 60px; }
.creative-call-prent .heading-title { font-size: 25px; line-height: 30px; }
.creative-btns a.theme-btn.btn-white { padding: 10px 20px 10px; min-width: auto; margin-right: 0; }
.service-detail-contact-section { padding: 40px 0; }
.service-detail-contact-section img { margin-top: 0; }
.service-detail-contact-section .contact-form-right.contact-left { padding: 0; }
.about-web-design-section .about-left-text { padding: 40px 0; }
.about-web-design-section .about-right-logo { padding: 60px 15px; }
.custom-web-content-section { padding: 40px 0; }
.custom-web-right { padding: 30px 16px 30px 35px; }
.custom-web-left img { height: 520px; object-fit: cover; }
.custom-web-right h2 { font-size: 25px; }
.hero-subtitle { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.internet-marketing-hero-section { padding: 80px 0; }
.seo-serviec-title { font-size: 20px; line-height: 30px; }
.seo-marketing-row figure img { width: auto; max-height: 66px; }
.seo-marketing-row figure { width: 100px; height: 100px; line-height: 91px; margin-right: 16px; }
.seo-marketing-row { margin: 35px 0; }
.search-engine-process-row { padding: 40px 15px; }
.search-engine-items figure img { width: auto; max-width: 55px; }
.search-engine-items figure { outline-offset: 5px; width: 98px; height: 98px; margin: 0 auto 15px; line-height: 93px; }
.search-engine-first-row .col-sm-4 { padding: 15px 15px; }
.search-engine-second-row { margin-top: 40px; }
section.search-engine-section { padding-bottom: 40px; }
.google-ads-page-left { width: 380px; height: 380px; }
.google-ads-page-section { padding: 40px 0; }
.why-choose-parent-row { padding: 40px 15px; }
.search-engine-items h4 { font-size: 18px; line-height: 25px; }
.whyChoose-icon { margin-bottom: 15px; }
.whyChoose-icon img { width: auto; max-width: 72px; } 
.why-choose-parent-row .section-heading { margin-bottom: 30px; }
.excellence-jurney-section { padding-top: 40px; }
.excellence-jurney-box img { margin-bottom: 15px; }
.excellence-jurney-box { padding: 25px 10px; }
.connect-through-google-section { padding: 40px 0 0;margin-bottom: 40px; }
.callBottom-img img { margin-top: 30px; margin-bottom: -50px; }
.callBottom-img { margin: 0 auto; max-width: 500px; }
.brands-potential-section::before{display: none;}
.brands-potential-section { padding: 40px 0 40px; }
.brands-potential-section .google-ads-page-left { width: 400px; height: 400px; border-width: 5px; }
.whyGoogleAds-excellence-section { margin: 0 0 40px; }
.whyGoogle-ads-box figure { margin-bottom: 15px; }
.whyGoogle-ads-box figure img { width: auto; max-width: 60px; }
.whyGoogleAds-row-inn .col-sm-4 { padding: 15px 15px; }
.whyGoogle-ads-box h5 { font-size: 20px; line-height: 28px; }
.whyGoogleAds-excellence-section .blog-btns { padding-top: 10px; }
section.why-choose-webmonster-section { padding-bottom: 40px; }
.portfolio-item a { font-size: 16px; line-height: 22px; }
.modal.video-popup .modal-body { padding: 10px !important; }
section.socail-media-marketing-top-section-video-section { padding-top: 40px; }
section.socail-media-marketing-top-section-video-section .col-sm-3 { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 15px 15px; }
.about-google-ads-section .about-right-image figure img {
    max-width: 280px;
}
section.about-section.about-our-work-section .about-right-image figure img {
    max-width: 280px;
}
section.socail-media-marketing-top-section-video-section.work-section {
    padding-top: 0;
    padding-bottom: 40px;
}
.serv-box-item p {
    font-size: 16px;
    line-height: 20px;
}
.hero-video iframe {
    height: 199px;
}
.project-gallery-items p {
    font-size: 14px;
    line-height: 22px;
}
.project-gallery-items figure {
    margin-bottom: 9px;
    border-width: 3px;
}
.web-designs-work-gallery {
    padding: 24px 10px 0;
}
section.videoProduction-price-section {
    padding-bottom: 40px;
}
.pakages-video-production .package-right-dtl {
    padding: 24px 15px 65px 15px;
}
.packages-box-main .package-right-dtl .go-btn {
    bottom: 15px;
}
.table th, .table td {
    font-size: 16px;
    line-height: 22px;
}

}
@media(max-width:1024px) {
.pakages-section .col-sm-6 { padding: 15px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.packages-logo { border-radius: 4px 4px 50% 50%; }
.serv-graphic-image img {
    width: 40px;
}
.serv-graphic-image {
    bottom: 26px;
    left: 32%;
}

}

@media(max-width:1023px) {
.ftr-dtl { display: block; text-align: center; }
.ftr-call { justify-content: center; width: 100%; }
.ftr-add { padding-left: 0; margin-left: 0; border: none; width: 100%; text-align: center; margin-top: 14px; }
.ftr-add p { margin: 0; text-align: center;padding: 0; }
.footer-menu { margin: 30px 0 0 0; text-align: center; }
.footer-menu ul { display: block; text-align: center; }
.footer-menu ul li { padding: 7px 0; font-size: 15px; line-height: 20px; display: block;border-bottom: 1px solid #e5e2e2; }
.footer-menu ul li:last-child{border-bottom: 0;}
.footer-menu ul li::after{display: none;} 
.copyright-sections .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.copyright-sections .col-sm-6:first-child{order: 2;}
.copyright-sections .col-sm-6:last-child { order: 1; }
.copyright { text-align: center; padding-top: 8px; }
.menu-copyright ul li { font-size: 15px; line-height: 20px; display: block; text-align: center;border-bottom: 1px solid #e5e2e2;padding: 7px 0; }
.menu-copyright ul li:last-child{border-bottom: 0;}
.menu-copyright ul li::after{display: none;}
.ftr-add p strong { font-size: 18px; display: block;position: relative; }
.ftr-call a { font-size: 20px; line-height: 23px; }
.ftr-call figure { margin-right: 5px; width: 25px; }


.testimonial-slider .owl-height { padding-bottom: 20px; }
.service-detail-section .col-sm-4 { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; }
.service-detail-section .col-sm-8 { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; }
.webDesign-service-row .col-sm-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.contact-information-top .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;padding: 15px 15px; }
.contact-information-top .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 15px 15px; border-bottom: 1px solid rgb(102 102 102 / 21%); border-top: 1px solid rgb(102 102 102 / 21%); }
.contact-address-info { border-right: 0; height: auto; }
.contact-address-info p { margin: 0; }
.video-div .wrapper { height: 170px; }
.custom-web-right { padding: 0; margin: 0; }
.custom-web-content-section .col-sm-7 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.custom-web-content-section .col-sm-5 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }

}

@media(max-width:991px) {
.extra-service-section ul li { padding: 0 15px; width: 25%; }
.custom-design-left { width: 420px; height: 420px; padding-top: 60px; }
.left-video .wrapper { height: 202px; }
.left-video { padding: 13px 49px 100px 44px; }
.client-say-box { padding: 50px 15px 102px 15px; } 
.service-right-content { padding: 0 15px; }
.about-right-image figure { width: 324px; height: 324px; }
.about-right-image figure img { max-width: 130px; }
a.theme-btn { min-width: 106px; }
.hero-video .wrapper { height: 189px; }
.hero-video {padding: 16px 49px 28px 45px; height: 226px; }
.seo-marketing-row { margin: 20px 0; }
.google-ads-page-left { width: 320px; height: 320px; }
.excellence-jurney-section .col-sm-3, .excellence-jurney-section .col-sm-4{ -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }
section.connect-through-google-section.connect-through-google-section-two .call-to-sect-text.text-left { padding: 40px 0; }
.video-icon { width: 40px; }
.about-google-ads-section .about-right-image figure img {
    max-width: 240px;
}
section.about-section.about-our-work-section .about-right-image figure img {
    max-width: 240px;
}
.blog-detail-text.default-css table.table.table-bordered td {
    font-size: 14px;
    font-family: 'Public Sans';
}
}

@media(max-width:900px) {

.home-banner::before{display: none;}
.hero-right-image { margin: 0; margin-left: 0px; }
.banner-caption-left { padding-top: 40px; }
.custom-design-section .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.custom-design-left { width: auto; height: auto; padding-top: 0; background: transparent; margin-bottom: 20px; }
.left-video { padding: 0; background: transparent; }
.left-video .wrapper { height: 432px; }
section.faq-section .faq-left-image { display: none; }
section.faq-section .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-detail-section .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-detail-section .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.webDesign-service-row .col-sm-4 { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; }
.service-detail-right { margin-top: 30px; }
.process-row .col-sm-4 { margin: 20px 0 0; padding: 0 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
section.blog-section.blogpage-single-section.default-section .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.blog-section.blogpage-single-section.default-section .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.nav-previous a, .nav-next a { font-size: 16px; line-height: 22px; padding: 8px 15px 8px; min-width: auto; }
.banner-btns a.theme-btn { margin-right: 4px; font-size: 15px; line-height: 22px; padding: 10px 15px 10px; min-width: auto; }
.video-div .wrapper { height: 140px; }
.service-section { padding: 40px 0 100px; }
.home-banner .col-sm-7 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.home-banner .col-sm-5 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.hero-right-image::before{display: none;}
.hero-video .wrapper { height: 174px; }
.hero-video { padding: 16px 48px 28px 43px;width: 100%; height: 209px; }
.web-design-box p { font-size: 16px; line-height: 21px; }
.process-row .row { justify-content: center; }
.creative-call-prent { padding: 0 0; display: block; text-align: center; }
.creative-call-prent .heading-title { font-size: 25px; line-height: 30px; margin-bottom: 15px;padding-right: 0; }
.seo-marketing-row figure img { width: auto; max-height: 55px; }
.seo-marketing-row figure { width: 80px; height: 80px; line-height: 73px; margin-right: 15px; }
.seo-serviec-title { font-size: 18px; line-height: 26px; width: 75%; }
.brands-potential-section .google-ads-page-left { width: 360px; height: 360px; }
.google-ads-page-left { width: 310px; height: 310px; }
.internet-marketing-hero-section { padding: 60px 0; }
.hero-video iframe {
    height: 174px;
}
.serv-graphic-image {
    bottom: 26px;
    left: 30%;
}
.pakages-video-production .col-sm-4 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    margin: 15px 0;
}
.pakages-video-production .row {
    justify-content: center;
}



}

@media(max-width:812px) {
.head-btn { padding-right: 15px; }
.banner-title { font-size: 22px; line-height: 32px; margin-bottom: 10px; }
.banner-caption p { font-size: 15px; line-height: 20px; }
.banner-btns a.theme-btn { margin-right: 2px; }
a.theme-btn { font-size: 14px; line-height: 20px; padding: 8px 13px 8px; min-width: 115px; }
p { font-size: 15px; line-height: 20px; margin-bottom: 10px; }
.serv-box-item figure { width: 60px; height: 60px; line-height: 58px; margin: 0 auto 15px; }
.logo-list ul li figure { padding: 0; }
.logo-list ul li figure img { width: auto; max-height: 100px; }
.service-row-parent .col-sm-2 { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; margin: 15px 0; }
.service-box figure img { width: auto; max-height: 60px; }
.service-box { padding: 20px 15px; height: 100%; }
.heading-title { font-size: 22px; line-height: 30px; }
.team-image figure { width: 150px; height: 150px; margin: 0 auto 16px; }
.team-detail h5, .team-detail h3 { font-size: 18px; line-height: 24px; margin-bottom: 5px; }
.team-detail { padding: 10px 15px; }
.portfolio-title { font-size: 16px; line-height: 22px; }
.about-left-text .heading-title { line-height: 32px; }
.lead-text { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
.video-div .wrapper { height: 190px; }
.video-test-item iframe { height: 190px; }
.gform_wrapper .medium { font-size: 14px !important; line-height: 20px !important; padding: 5px 5px 5px !important; height: 40px !important; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select{font-size: 14px !important; line-height: 20px !important; padding: 5px 5px 5px !important; height: 40px !important;}
.faq-box .card-header h5,
.card-header-title { padding: 11px 28px 11px 0; font-size: 16px; line-height: 22px; }
.blog-content h3 { font-size: 16px; line-height: 22px; }
.service-box h4 { font-size: 16px; line-height: 22px; }
.form-hero input.button.gform_button,
.contact-left input.button.gform_button { font-size: 16px !important; line-height: 20px !important; padding: 10px 15px !important; }
.form-hero .b-form-title { margin-bottom: 10px; font-size: 24px; line-height: 27px; }
.form-hero { max-width: 100%; padding: 20px 15px; border-radius: 10px 0px; }
.testimonial-slider .owl-height { padding-bottom: 20px; }
.service-right-content h2 { font-size: 20px; margin-bottom: 5px; }
.read-more-btn { font-size: 15px; line-height: 20px; padding: 8px 20px; }
.cta-buttons a.theme-btn { margin-right: 2px; }
.service-cta-text { padding: 60px 5px 40px 30px; }

h1 {font-size: 22px;line-height: 30px;}
h2 {font-size: 20px;line-height: normal;}
h3 {font-size: 19px;line-height: normal;}
h4 {font-size: 18px;line-height: normal;}
h5 {font-size: 16px;line-height: normal;}
h6 {font-size: 14px;line-height: normal;}
.web-design-box figure img { width: auto; max-height: inherit; max-width: 90px; }
.custom-dtl-btns a.theme-btn { margin-right: 5px; }
.service-detail-form input.button.gform_button { font-size: 16px; line-height: 20px !important; padding: 10px 15px; }
.service-detail-list ul li a { padding: 8px 15px 8px 15px; font-size: 15px; line-height: 20px; }
.service-detail-list ul li a::after { top: 7px; }
.form-title { font-size: 22px; }
.sidebar-title { font-size: 22px; line-height: 25px; margin-bottom: 10px; }
.sidebar-bnnr-text h4 { font-size: 24px; line-height: 30px; }
.sidebar-call a { display: inline-block; }
.sidebar-call { font-size: 16px; line-height: 22px; }
.step-text h3 { font-size: 16px; line-height: 20px; }
.step-text { padding: 8px 20px; }
.process-content h4 { font-size: 18px; line-height: 22px; margin-bottom: 10px; }
.web-design-box p { font-size: 15px; }
.page-nav::before { display: none; }
.page-nav { padding: 8px 0; background: #0098B1; }
.page-nav ul li { font-size: 15px; line-height: 20px; }
.lead-text.lead-text-small { font-size: 16px; line-height: 22px; }
.about-right-image figure { width: 274px; height: 274px; border-width: 7px; }
.about-right-image figure img { max-width: 110px; }
.default-css ul li, .default-css ol li { font-size: 14px; line-height: 20px; margin: 0 0 6px; }
.default-css ul li { background-position: 0 4px; padding-left: 21px; background-size: 13px; }
.team-col-text-right p { font-size: 15px; line-height: 20px; }
.team-big-row { margin: 20px 0; }
.packages-logo img { width: auto; max-width: 100px; }
.packages-logo { height: 110px; margin-bottom: 20px; padding: 16px 15px; }
.package-price-left h3 { font-size: 24px; line-height: 30px; margin-bottom: 15px; }
.packages-box-main h2 { font-size: 18px; margin-bottom: 10px; }
.go-btn { font-size: 16px; line-height: 22px; padding: 6px 35px; }
.package-price-left { padding-bottom: 30px; }
.pakages-section .col-sm-6 { padding: 8px 15px; }
.nav-previous a, .nav-next a { font-size: 15px; line-height: 20px; padding: 7px 15px 7px; min-width: auto; }
.team-box.team-box-1 .team-image figure { width: 150px; height: 150px; }
.package-price-left h3 sup { font-size: 15px; line-height: 20px; top: 2px; vertical-align: top; left: 2px; }
.banner-btns a.theme-btn { margin-right: 4px; font-size: 14px; line-height: 20px; padding: 8px 10px 8px; min-width: 105px; }
.video-testimonial-row .col-sm-4 { padding: 8px 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.past-client-list ul li { width: 33.33%; padding: 10px 10px; }
.home-banner .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.home-banner .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.banner-caption-left { padding-top: 0; text-align: center; top: 0; padding-bottom: 30px; }
.banner-caption { max-width: 100%; margin: 0 auto; }
.lead-text-top { font-size: 16px; line-height: 22px; margin-bottom: 8px; }
.lead-text-top br{display: none;}
.hero-video { background: #fff; padding: 10px;width: 100%; height: auto; }
.hero-video .wrapper { height: 394px; }
.logo-list ul li { padding: 5px 6px; width: 25%; }
.logo-list ul { justify-content: center; flex-wrap: wrap; }
.services-slider-left ul li a { font-size: 16px; line-height: 22px; padding: 10px 15px; }
.call-to-sect-text .heading-title { line-height: 32px; }
.service-section { padding: 40px 0 130px; }
.creative-call-prent .heading-title { font-size: 23px; line-height: 30px; margin-bottom: 11px; }
.creative-btns a.theme-btn { margin-right: 4px; }
.creative-btns a.theme-btn.btn-white { padding: 8px 13px 8px; min-width: auto; margin-right: 0; }
.custom-web-left img { height: auto; object-fit: cover; }
.custom-web-content-section .row { align-items: inherit; }
.custom-web-right h2 { font-size: 20px; }
.custom-web-right { padding: 0; margin: 0; background: transparent; }
.hero-inner-title { font-size: 22px; line-height: 30px; margin-bottom: 10px; }
.service-detail-hero-text p { font-size: 16px; line-height: 22px; }
.process-items figure img { width: auto; max-height: 50px; }
.process-items figure { width: 70px; height: 70px; margin: 0 auto 10px; line-height: 69px; }
.internet-marketing-hero-section { padding: 60px 0; }
.seo-serviec-title { font-size: 16px; line-height: 22px; width: 75%; }
.search-engine-items figure img { width: auto; max-width: 45px; }
.search-engine-items figure { outline-offset: 4px; width: 80px; height: 80px; margin: 0 auto 15px; line-height: 72px; }
.search-engine-items h4 { font-size: 16px; line-height: 24px; } 
.google-business-section .about-left-text { padding: 0; }
.google-ads-page-left { width: 280px; height: 280px; }
.whyChoose-icon img { width: auto; max-width: 60px; }
.why-choose-parent-row .col-sm-4 { padding: 15px 15px; }
.brands-potential-section .google-ads-page-left { width: 330px; height: 330px; }
.whyGoogle-ads-box h5 { font-size: 18px; line-height: 26px; }
.portfolio-item a { font-size: 14px; line-height: 20px; }
.video-popup .modal-dialog { max-width: 640px !important; }
.modal.video-popup .modal-body { padding: 5px !important; }
.videoIframe iframe { height: 380px; }
section.socail-media-marketing-top-section-video-section .col-sm-3 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 15px 15px; }
.about-google-ads-section .about-right-image figure img {
    max-width: 190px;
}
section.about-section.about-our-work-section .about-right-image figure img {
    max-width: 190px;
}
.hero-video iframe {
    height: 444px;
    width: 100%;
}
.web-designs-work-gallery ul li {
    width: 33.33%;
}
.serv-graphic-image {
    bottom: 23px;left: 30%;
}
.table th, .table td {
    font-size: 14px;
    line-height: 20px;
}

}
@media(max-width:768px) {
.service-cta-row .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 15px; order: 2; }
.service-cta-row .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 1; }
.cta-image-right img { height: auto; border-radius: 0; }
.cta-image-right { height: auto; border-radius: 0; padding-left: 0; }
.service-cta-text { padding: 30px 15px 40px 15px; text-align: center; }
.service-page-row { padding: 15px; }
.contact-map-section iframe { height: 245px; }
.blog-wrapper .col-sm-4 { padding: 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.serv-graphic-image {
    bottom: 33px;
    left: 30%;
}

}

@media(max-width:767px) {
.contact-section .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.contact-right-image img { margin-top: 10px; }
.contact-right-image { margin-top: 30px; }
.footer-logo img { max-width: 280px; }
section.inner-banner>img { width: 100%; height: 210px; object-fit: cover; } 
.about-right-image figure { width: 244px; height: 244px; }
.contact-section-innn .contact-right-image { margin: 0; }
.contact-section-innn .contact-right-image img{ margin: 0; }
.service-row-parent .col-md-4 { padding-right: 15px; }
.service-row-parent .col-md-8 { padding-left: 15px; }
.our-service-image { height: 100%; width: 100%; overflow: hidden; }
.services-slider-left ul li { list-style: none; display: inline-block; width: 50%; border-right: 1px solid rgb(5 59 162 / 20%); }
.services-slider-left ul { display: flex; flex-wrap: wrap; }
.servic-right-images { padding-bottom: 50%; }
.service-section { padding: 40px 0 110px; }
.service-detail-contact-section .contact-right-image { margin: 0; }
.whyGoogleAds-row-inn .col-sm-4 { padding: 15px 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.google-ads-page-left { width: 270px; height: 270px; }
section.connect-through-google-section.connect-through-google-section-two .call-to-sect-text.text-left { padding: 40px 0; }
.hero-video iframe {
    height: 284px;
    display: block;
    width: 100%;
}
.serv-graphic-image{display: none;}
}
@media(max-width:700px) {
.video-div .wrapper { height: 180px; }
.video-test-item iframe { height: 240px; }
.portfolio-section .col-sm-4 { padding: 15px 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.left-video .wrapper { height: 332px; }
.extra-service-section ul li { padding: 0 15px; width: 33.33%; }
.header-section .col-sm-4 { padding: 0 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.header-section .col-sm-8 { padding: 0 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.top-logo { padding-right: 0; text-align: center; padding-bottom: 10px; }
.top-logo img { max-width: 240px; }
.header-menu-parent { justify-content: center; padding-right: 0; padding-top: 10px; border-top: 1px solid #1c8bcb; display: block; text-align: center; }
.head-btn a { font-size: 20px; line-height: 20px; padding: 8px 15px; display: block; margin-top: 10px; }
.head-btn { padding-right: 12px; }
.home-banner .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.home-banner .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.banner-caption-left { padding-top: 0; }
.banner-caption { max-width: 100%; }
.hero-right-image { margin: 5px 0 0; margin-left: 0px; }
.head-btn { padding-right: 0; width: 100%; order: 2; }
.head-right-dtl { display: flex; align-items: center; flex-wrap: wrap; }
.head-call-now { display: block; order: 1; text-align: center; width: 100%; }
.head-call-now figure{display: none;}
.service-page-parent .col-sm-6 { padding: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-right-content { padding: 20px 0; }
.process-row .col-sm-4 { margin: 15px 0 0; padding: 0 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.process-content { padding: 5px 0 0 0; }
.web-design-box figure img { width: auto; max-height: inherit; max-width: 80px; }
section.about-section.about-our-work-section .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 2; }
section.about-section.about-our-work-section .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; order: 1; }
.about-right-image { text-align: center; margin-bottom: 30px; }
.about-right-image figure { width: 244px; height: 244px; margin: 0 auto; float: none; }
.contact-section-innn .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.contact-section-innn .contact-right-image { margin: 0; }
.contact-map-section iframe { height: 225px; }
.header-section .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.header-section .col-sm-9 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.head-call-now a { font-size: 28px; line-height: 30px; }
.about-left-text { padding: 0; }
.hero-video .wrapper { height: 354px; }
.call-to-section .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.call-to-sect-text { text-align: center; padding-bottom: 30px; }
.callto-sect-right { text-align: center; }
.service-detail-contact-section .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-detail-contact-section .contact-form-right.contact-left { padding: 0; margin-top: 30px; }
.custom-web-content-section .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.custom-web-content-section .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.custom-web-right { margin: 20px 0 0; }
.seo-marketing-parent-row .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.seo-marketing-parent-row { margin-top: 10px; }
.search-engine-first-row .row{justify-content: center;}
.search-engine-first-row .col-sm-4 { padding: 0 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 10px 0; }
.search-engine-first-row .col-sm-4:nth-child(2){border-right: 0;}
.search-engine-second-row .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.search-engine-second-row .col-sm-6:first-child{order: 2;}
.search-engine-second-row .col-sm-6:last-child{order: 1;}
.search-engine-second-row .search-engine-right-image { margin-bottom: 20px; }
.search-engine-second-row { margin-top: 20px; }
.google-business-section .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.google-business-section .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.why-choose-parent-row .col-sm-4 { padding: 15px 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.why-choose-parent-row .col-sm-4:nth-child(2){border-right: 0;}
.excellence-jurney-section .col-sm-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 15px 0 0; }
section.why-choose-webmonster-section { padding-bottom: 40px; }
.callBottom-img { margin: 0 auto; max-width: 390px; }
.callBottom-img img { margin-top: 30px; margin-bottom: 0; }
.connect-through-google-section { margin-bottom: 0; }
.about-google-ads-section .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.about-google-ads-section .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.brands-potential-section .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.brands-potential-section .google-ads-page-left { width: 290px; height: 290px; margin: 0 auto 15px; }
.google-ads-page-section .col-sm-5 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.google-ads-page-section .col-sm-7 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.google-ads-page-left { width: 260px; height: 260px; margin: 0 auto 20px; }
.excellence-jurney-section .col-sm-3, .excellence-jurney-section .col-sm-4 { margin-top: 15px; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
section.google-ads-page-section.socail-media-marketing-top-section .col-sm-6 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.google-ads-page-section.socail-media-marketing-top-section .col-sm-6:first-child{order: 2;}
section.google-ads-page-section.socail-media-marketing-top-section .col-sm-6:last-child{order: 1;}
.socail-media-marketing-top-section .google-ads-page-left img { width: 100%; }
.contact-form-right.contact-left { padding-left: 0; }
}
@media(max-width:641px) {
.video-div .wrapper { height: 160px; }
.hero-video .wrapper { height: 323px; }
}

@media(max-width:575px) {
.service-row-parent .col-sm-2 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin: 8px 0; }
.left-video .wrapper { height: 292px; }
.portfolio-section .col-sm-4 { padding: 8px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.about-right-logo { text-align: center; margin-top: 30px; }
.client-say-box { height: auto; }
.test-slider-main .owl-item { display: inherit; flex: inherit; }
.test-slider-main .owl-stage { display: inherit; }
.testimonial-slider.owl-carousel .item { padding: 0 1px; }
.testimonial-slider .owl-height { padding-bottom: 20px; }
.blog-slider.owl-carousel .owl-nav .owl-next, .blog-slider.owl-carousel .owl-nav .owl-prev { top: auto; width: 40px; height: 40px; background-size: 22px; position: relative; margin: 0 7px; left: 0; right: 0; bottom: 0;transform: inherit; }
.blog-slider.owl-carousel .owl-nav { text-align: center; margin-top: 20px; }
.extra-service-section ul li { padding: 0 15px; width: 50%; }
.video-div .wrapper { height: 230px; }
.video-test-item iframe { height: 230px; }
.webDesign-service-row .col-sm-4 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
.team-col-box-parent .col-sm-6 { padding: 10px 15px; }
.default-css ul { margin-bottom: 13px; }
.package-price-left { width: 40%; }
.package-right-dtl { padding: 25px 15px 20px 15px; width: 60%; }
.blog-wrapper .col-sm-4 { padding: 8px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.service-detail-list ul li:hover a::after { right: 5px; }
.custom-btns { text-align: center; }
.video-testimonial-row .col-sm-4 { padding: 8px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.past-client-list ul li { width: 50%; padding: 5px 5px; }
.past-client-logo img { width: auto; max-height: 60px; }
.past-client-logo { padding: 10px 10px; }
.logo-list ul li { padding: 5px 6px; width: 33.33%; }
.hero-video .wrapper { height: 284px; }
.services-slider-left ul li a { font-size: 14px; line-height: 20px; padding: 10px 10px; }
.about-web-design-section .about-right-logo { padding: 30px 15px; margin: 0; }
.search-engine-first-row .col-sm-4 { padding: 8px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 10px 0; border-right: 0; border-bottom: 1px solid #ccc; }
.search-engine-first-row .col-sm-4:last-child{border-bottom: 0;}
.internet-marketing-hero-section { padding: 40px 0; }
.whyGoogleAds-row-inn .col-sm-4 { padding: 10px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.why-choose-parent-row .col-sm-4 { padding: 15px 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-right: 0; border-bottom: 1px solid #ccc; }
.why-choose-parent-row .col-sm-4:last-child{border-bottom: 0;}
.call-to-sect-text.text-left { text-align: center !important; }
.call-to-sect-text .banner-btns { padding-top: 0; }
.connect-through-google-right.text-right { padding-bottom: 40px; }
.blog-detail-text.default-css img { width: 100%; }
.videoIframe iframe { height: 300px; }
.web-designs-work-gallery ul li {
    width: 50%;
}

}
@media(max-width:525px) {
.hero-video .wrapper { height: 254px; }
.pakages-video-production .col-sm-4 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    margin: 15px 0 0;
}
}

@media(max-width:480px) {
.logo-list ul li { padding: 8px 15px; width: 50%; }
.left-video .wrapper { height: 232px; }
.video-div .wrapper { height: 210px; }
.video-test-item iframe { height: 210px; }
.banner-btns a.theme-btn { margin-right: 2px; min-width: 95px; }
.panel .back p { font-size: 14px; line-height: 19px; margin-bottom: 10px; }
.hero-video .wrapper { height: 244px; }
.excellence-jurney-section .col-sm-2 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.excellence-jurney-section .col-sm-3, .excellence-jurney-section .col-sm-4 { margin-top: 15px; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.socail-media-marketing-top-section-video-section .col-sm-3 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 8px 15px; }


}


@media(max-width:425px) {
.gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
a.theme-btn { font-size: 13px; line-height: 20px; padding: 8px 10px 8px; min-width: 130px; }
.video-div .wrapper { height: 200px; }
.left-video .wrapper { height: 212px; }
.video-test-item iframe { height: 200px; }
.cta-buttons a.theme-btn { margin-right: 2px; font-size: 12px; line-height: 16px; padding: 8px 10px 8px; }
.webDesign-service-row .col-sm-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 10px 15px; }
.package-price-left { height: auto; width: 100%; }
.package-right-dtl { width: 100%; }
.hero-video .wrapper { height: 204px; }
.services-slider-left ul li { width: 100%; border-right: 0; text-align: center; }
.servic-right-images { padding-bottom: 43%; }
.videoIframe iframe { height: 250px; }
.hero-video iframe {
    height: 284px;
    display: block;
    width: 100%;
}
.web-designs-work-gallery ul li {
    width: 50%;padding: 8px 8px;
}
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a {
    width: 36px;
    height: 36px;
    margin: 2px 3px;
    line-height: 27px;
    font-size: 19px;
}
.wp-pegination a.nextpostslink {
    background-size: 22px;
}
	.wp-pegination a.previouspostslink{
		background-size: 22px;
	}	
	
	
}
@media(max-width:395px) {
.banner-btns a.theme-btn { margin-right: 2px; min-width: 85px; }
.call-to-sect-text .banner-btns a.theme-btn { min-width: 125px; }

}

@media(max-width:375px) {
.left-video .wrapper { height: 192px; }
.video-div .wrapper { height: 180px; }
.video-test-item iframe { height: 180px; }
.cta-buttons a.theme-btn { font-size: 12px; padding: 8px 6px 8px; }
.banner-btns a.theme-btn { margin-right: 2px; min-width: 80px; }
.hero-video .wrapper { height: 184px; }
.hero-video iframe {
    height: 224px;
    width: 100%;
}

}