/*
Theme Name: DotDigital
Theme URI: http://webdesign-finder.com/dotdigital
Author: MWTemplates
Author URI: http://modernwebtemplates.com/
Description: Dotdigital - IT Agency Wordpress Theme
Version: 2.4.1
License: Commercial
License URI: http://themeforest.net/licenses/regular_extended
Tags: custom-header, left-sidebar, right-sidebar, post-formats, full-width-template
Text Domain: dotdigital
Domain Path: /languages

This theme uses great Unyson Framework to make best user experience

see css/main.css for all of the styles
*/


/*
** WordPress Required
*/

.page_footer .right_part {
    
    top: -35px !important;
    
}

.page_footer .left_part {
    
    top: -35px !important;
    
}

.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-dt {
    background: transparent;
    border: 0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}
.wp-caption .wp-caption-dt:empty {
    display: none;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    white-space: nowrap;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.screen-reader-text:focus {
    clip: auto !important;
    display: block;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
}

aside .widget label {
    display: none;
}

.sticky,
.bypostauthor{position: relative;}

/*gutenberg*/
p[class*="-font-size"],
p[style*="font-size"] {
    line-height: 1.3em;
}
.wp-block-quote cite,
.wp-block-pullquote cite {
    margin-top: .5em;
}
.wp-block-quote cite:before,
.wp-block-pullquote cite:before {
    margin-top: 0;
}

ul.wp-block-gallery.alignwide {
    width: 100%;
}

.entry-content .wp-block-table.is-style-stripes td {
    border-color: grey;
}

.selectize-control.single {
    margin-bottom: 15px;
}

blockquote.wp-block-quote[style*="text-align:right"] cite {
    text-align: right;
}

.wp-block-archives.wp-block-archives-dropdown {
    margin-bottom: 20px;
}

.item-content .entry-content::after{
    content: '';
    clear: both;
    display: block;
}

.wp-block-column .wp-block-quote:first-child{
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#attachment_612{
    display: none;
}

#attachment_612 + p{
    display: none;
}

.post-navigation .media-body a .nav-link{
    word-break: break-word;
}

.entry-header .entry-title{
    word-break: break-word;
}

.blog .wp-block-quote{
    max-width: inherit;
}

select  {
    
    background-color: #f4f4f5 !important;
    letter-spacing: 3px;
    font-weight: 800;
    color: #7f7f7f;
    font-size: 12px !important;
}

/*@media only screen and (min-width: 999px) {
 
 select {
    
    padding-left: 164px !important;
    
    
}
 
}*/

.modal-header {
    background: rgb(255, 73, 124) !important;
}

.modal-title {
    color: white !important;
}

/*----------------------------------------------enquiry modal start-----------------------------------------------*/
.mainmodal {
   
   top: 40px !important;
   
    
}

.modal-title{
    
    text-align:center;
    
}

.enquiry-modal-body{
    
    
    position: relative !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    bottom: 20px !important;
    
}

.ajax-success{
    
    
    position: relative;
    color: green;
    text-align: center;
    border: 2px solid #398f14;
    top: 5px;
    
}

.ajax-fail {
    
    position: relative;
    color: red;
    text-align: center;
    border: 2px solid red;
    top: 5px; 
    
}

#enq-detail{
    
    height : 100px;
    
}

@media only screen and (min-width: 1024px) {
    
.enquiry-modal-content{
    
    bottom: 25px;
    height: 630px !important;
    
    }
    
.enquiry-modal-body{
    position: relative !important;
    bottom: 36px !important;
    
}

.vis-video-content{
    bottom : 20px !important;
    width: 1230px;
    position: relative;
    right: 279px;
    
}

.corporatebranding {
    
    z-index : 11;
    
}

.broucher {
    
    z-index : 11;
    
}

.vislogo {
    
    
    z-index : 11;
    
}

.vis-video  {
    
    margin-left: 42%;
    position: relative;
    margin-top: -5%;
    z-index: 111;
    
}

.vi-video {
    
    height : 500px !important ;
    
}
    
}


@media only screen and (min-width: 700px) {
 
 .mainmodal{
     
     width: 50% !important;
     
 }
 
 .enquiry-btn{
     margin-top: 32px !important;
    position: relative;
    bottom: 22px;
    
}

.seo-setup-form {
    
    position: relative;
    right: 2pc;
    
}



}

.enquiry-captcha{
    position: relative !important;
    right: 17px !important;
}




@media only screen and (max-width: 599px) {
 
 .mainmodal{
     
     width: 75% !important;
     
 }
 
}

/*---------------------------------------------- enquiry modal End ----------------------------------------------------*/


/*-------------------------- Modal Get Started start----------------------------------------------------------------*/


@media only screen and (min-width: 700px) {
 
 .b2btext{
    position: relative;
    width: 137%;
    right: 129px;
    
}

}


.vislogo img {
    
    height : 474px;
    
}



@media only screen and (max-width: 414px) {
 
 .web-sol-banner2 {
  
    position: relative !important;
   
    right: 60px important;
    
}

}

@media only screen and (max-width: 380px) {
 
 .slider2getstart {
     
    display : none !important;
     
 }
 

    
}

@media only screen and (max-width: 360px) {
 
 .getstarted {
   position: relative !important;
   /*margin-top: 180px !important;*/
     
 }
 
 .slider3getstrated{
     
    position: relative !important;
   margin-top: 200px !important; 
     
 }
 .banner5getstarted{
     
    position: relative !important;
   margin-top: 200px !important; 
     
 }
 

    
}

@media only screen and (max-width: 320px) {
 
 .getstarted {
   position: relative !important;
   /*margin-top: 200px !important;*/
     
 }
 
 .banner5getstarted{
     
    position: relative !important;
   margin-top: 290px !important; 
     
 }
 
    
}


/*-------------------------- Modal Get Started End----------------------------------------------------------------*/



/*-------------------------- Modal corporate profile start ------------------------------------------------------ */



.corporate-content {
    
    height: 500px;
    top: 40px;
    
    
}


.corporate-body {
    
    height: 220px !important; 
    
}



/*-------------------------- Modal corporate profile End ------------------------------------------------------ */




/*-------------------------- Modal Broucher Download start ------------------------------------------------------ */



.broucher-content {
    
    height: 500px;
    top: 40px;
    
    
}


.broucher-body {
    
    height: 220px !important; 
    
}



/*-------------------------- Modal Broucher Download End ------------------------------------------------------ */

#footer #dotdigital_socials-2 .widget-title {
    
    display : none;
    
}


.bfr-post-space img {
    
    position: relative;
    left: 50%;
    
}

.bfr-post-space {
    
    width : 100% !important;
    
}


#footer {
    
    position: relative;
    margin-top: 5px;
    
    
}

/*----------------------- About us page start ------------------------------------------------------------------------*/


.tag_line{
color:#784191 !important;
}

.brand_section {
    position: relative;
    bottom: 40px;
}
.brand-line{
text-align:center;
}

.brand-line h6 {
    
   color: #7f7f7f !important;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    
}


.brand_title{
    color: #3886C6 !important;
}

.brand-title span {
    
    color: #7f7f7f;
    font-size: 20px;
    font-weight: 400 !important;
    line-height: 1.5;
    
}

.welcome_title{
	color: #BDCF0F !important;
}
.welcome_title span{
    border: 1px solid grey;
    border-radius: 33px;
    padding-left: 60px;
    padding-right: 60px;
}
.welcome-section{
	font-size: 20px;
    text-align: justify;
    font-weight: 400;
}
.history_title{
	color: #EC6E0E !important;
}
.history_title span{
    border: 1px solid grey;
    border-radius: 33px;
    padding-left: 60px;
    padding-right: 60px;
}
.our_history_text{
    font-size: 20px;
    text-align: justify;
    font-weight: 400;
}
.milestone_title{
	color: #784191 !important;
}
.milestone_title span{
    border: 1px solid grey;
    border-radius: 33px;
    padding-left: 60px;
    padding-right: 60px;
}
.our-milestone-img  {
    
    position: relative;
    left: 5%;
    padding-bottom: 25px;
}
.competition-title{
color: #7658A0 !important;
}
.competition-title span{
	border: 1px solid grey;
    border-radius: 33px;
    padding-left: 60px;
    padding-right: 60px;
}
.brand-line{
text-align:center;
}
.why-choose-title{
color: #EC6E0E !important;
}
.why-choose-title span{
    border: 1px solid grey;
    border-radius: 33px;
    padding-left: 60px;
    padding-right: 60px;
}
.title-section{
position:relative;
top:92px;
}
.reliable_text_section{
    position: relative;
    top: 222px;
    font-weight: 550;
    color: #000;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
	font-size: 17px;
}
.why_choose_us_background_img{
height:486px;
}
.solution_text_section{
	position: relative;
    top: 222px;
    font-weight: 550;
    color: #000;
    padding-left: 16px;
    padding-right: 16px;
    text-align: center;
    font-size: 17px;
}

.our-history-img  {
    
    margin-left: 4%;
    
}

.experince_text_section{
    position: relative;
    top: 222px;
    font-weight: 550;
    color: #000;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
	font-size: 17px;
}
.affordable_text_section{
 position: relative;
    top: 222px;
    font-weight: 550;
    color: #000;
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
	font-size: 17px;
}

.why_choose_visualytes{
	font-size: 20px;
    text-align: justify;
    font-weight: 400;
}



.how_can_help_you_title span{
    color: #BDCF0F !important;
	border: 1px solid grey;
    border-radius: 33px;
    padding-left: 30px;
    padding-right: 30px;
}

.safer_more_efficient .vertical-item{
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

.customised_software .vertical-item{
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}
.product_help .vertical-item{
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    flex-direction: column-reverse;
}

.client_base_map span{
border: 1px solid grey;
    border-radius: 33px;
    padding-left: 30px;
    padding-right: 30px;
    color: #784191 !important;
}
.our_global_presence span{
border: 1px solid grey;
    border-radius: 33px;
    padding-left: 30px;
    padding-right: 30px;
    color: #EC6E0E !important;
}

.about-sub-pages {
    
   margin-top: -5%;
    margin-bottom: -10%;
    text-align: justify;
    
}

.story-content-right {
    
    text-align: justify;
    
}

/*----------------------- About us page End ------------------------------------------------------------------------*/

/*----------------------- custom portfoilio Start ------------------------------------------------------------------------*/

.custom-portfolio .item-media-wrap {
    
    display : none;
    
}

.custom-portfolio .item-button {
    
    display : none;
    
}


.custom-portfolio .owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-carousel-item .vertical-item p {
    
    display : none;
    
}
.post-portfolios .with_background {
    background: white !important;
}
.post-portfolios .item-title a {
    color: black !important;
}

.custom-portfolio .owl-carousel .owl-nav .owl-prev {
    
    display : none;
    
}

.custom-portfolio .owl-carousel .owl-nav .owl-next {
    
    display : none;
    
}

.custom-portfolio .owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-carousel-item .vertical-item  {
    
    margin-left: 24%; /* change this after adding portfolio case study */
    height: 250px;
    width: 55%; /* change this after adding portfolio case study */
    
    /*margin-left: 32%;
    height: 280px;
    width: 35%;*/
    
    
    
}

.custom-portfolio .owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-carousel-item .vertical-item .item-content h3 {
    
    font-size: 24px;
    line-height: 30px;
    font-weight: bolder;
    overflow: hidden;
    text-transform: none;
    color: #1f2732;
    bottom: 10px;
    
}

.categories-links {
    
        font-size: 11px !important;
    
}

.ds .highlight a:hover {
    color: black !important;
}

.testimonial-title .title {
    
    color: #993399;
    text-align: center;
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 3%;
    letter-spacing: 0.1px;
    word-spacing: -0.3px;
    padding-top: 1%;
    
}

.single-fw-portfolio .wide #box_wrapper .page_content .container {
    
    width : 100%;
    
}

.home .wide .custom-portfolio .with_background .item-content {
    
    position: relative;
    padding: 0;
    bottom: 35%;
    
}


@media only screen and (min-width: 1919px) {
.custom_border figure img {
    max-height: 215px !important;
}

}

.tax-fw-portfolio-category .case-study-link-btn {
    
    position: relative;
    top: 15px;
  
}

.tax-fw-portfolio-category .case-study-link-btn a {   
   
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    border-color: #ff497c;
    background-color: #ff497c;
    border-radius: 28px;
    padding: 5% 15% 5% 15%;
}
 
 
.tax-fw-portfolio-category .case-study-link-btn a:hover{   
   
    font-size: 14px;   
    font-weight: bold;
    color: black;
    border: 4px solid #ff497c;
    border-radius: 28px;
    padding: 5% 15% 5% 15%;
    background-color: transparent;
    
}


.home #home-portfolio .owl-carousel.portfolio-shortcode .owl-stage-outer .owl-stage .owl-item .owl-carousel-item .vertical-item .item-media .media-wrap .categories-links a {
    
    pointer-events: none;
    
}

.custom-portfolio h3 { 
 
 color : black !important;
    
}


/*----------------------- custom portfoilio End ------------------------------------------------------------------------*/

.post-template-default p {
    
    text-align : justify;
    
}


/*----------------------- Main list blog page  Start ------------------------------------------------------------------------*/



 #apsc_widget-2 {
    
   display : none; 
    
}

 #search-3 {
    
   display : none; 
    
}

 #tag_cloud-3 {
    
   display : none; 
    
}

/*.widget_text {
    
   display : none; 
    
}*/

.main-list-blog-page #categories-3 h3 {
    
    display: none;
    
}

.main-list-blog-page .widget_archive a:before, .widget_categories a:before, .widget_meta a:before, .widget_nav_menu a:before, .widget_pages a:before {
    
  display: none !important;  
    
}

.widget_meta > ul > li:first-child, .widget_pages > ul > li:first-child, .widget_archive > ul > li:first-child, .widget_categories > ul > li:first-child {
    
    border: none !important;
    
}

.widget_meta ul.children > li:first-child, .widget_pages ul.children > li:first-child, .widget_archive ul.children > li:first-child, .widget_categories ul.children > li:first-child {
    border: none !important;
    display: inline-flex;
}

.widget_meta ul.children > li, .widget_pages ul.children > li, .widget_archive ul.children > li, .widget_categories ul.children > li {
    
    border: none !important;
    
}

.main-list-blog-page .widget_categories.special {
    background-color: white !important;
    text-align: center;
}

.main-list-blog-page ul.children {

    display: inline-flex;

}




.archive.category-blog  aside .widget + .widget, .before-loop-area .widget + .widget {
    margin-top: -10% !important;
}

.archive.category-blog #categories-3 {

    margin-left: -2%;
    
}

.blog-list-view {
    
    width: 100% !important;
    
}

.blog-list-view article {
    width: 45%;
    float: left;
    position: relative;
    margin-right: 2%;
    margin-left: 2%;
    margin-top: 2%;
    transition: all 200ms ease-in;
}

.blog-list-view article.post + article.post, .search article + article, .archive article + article {
    margin-top: 2% !important;
}


.blog-list-view article .item-content {
    
    padding-bottom: 2%;
    
}

.category-blog article .entry-content {
    
    max-height: 295px;
    overflow: hidden;
    
}

 .blog-list-view .entry-title {
     
    font-size: 31px !important; 
     
 }
 
.blog-list-view ul li a:first-child {
  content: 'All' !important;
}

.pagination > li {
    
    margin-top: 2% !important;
}

.main-list-blog-page .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a {
    
    display: inline-block;
    color: white !important;
    background: #ff497c;
    
}

.blog-list-view .entry-date {
    
    font-size : 10px !important;
    
}

.blog-list-view .entry-author {
    
    font-size : 10px !important;
    
}

.blog-list-view .entry-blog-adds {
    
    margin-left: 8pc !important; 
    
}

@media only screen and (min-width: 1000px) { 

.main-list-blog-page .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a {
   
    padding: 10px 18px 10px 18px !important;
}

}



/*----------------------- Main list blog page  End ------------------------------------------------------------------------*/


/*----------------------- single case home page case study start ----------------------------------------------------------------
.single-case-study-section h5 {

    text-align : center;

}

 .single-casestudy-img-text {
     
    background: white;
    width: 70%;
    height: 350px;
    margin-left: 15%;
     
 }

.single-case-study-img img {

    height: 350px;
    width: 100%;
    
}

.single-case-study-section {
    
    margin-top: -13% !important;
    
}

.single-case-study-section h5 {
  
    color: black !important;  
    
}

.single-case-study-text {
    
    position: absolute;
    top: 37%;
    width: 65%;
    line-height: 1.6;
    
}

.main-disc-single-casestudy {
    
    font-size: 40px;
    text-align: center;
    color: black;
    
}

.main-disc-single-casestudy a {
    
   color: black !important; 
    
}

.main-disc-single-casestudy a:hover {
    
   color: black  !important; 
    
}

.single-for-author {

    font-size: 25px;
    color: #ff497c;
    text-align: center;
    line-height: 2.6;

}

.single-casestudy-cat {
    
    font-size: 19px;
    color: #ff497c;
    text-align: center;
    line-height: 3.6;
    
}


/*----------------------- single case home page case study End ----------------------------------------------------------------*/


.tax-fw-services-category  .entry-title  a {
    
    font-size: 19px;
    
}

.tax-fw-portfolio-category .case-study-link-btn {
    display: none;
}


.tax-fw-portfolio-category .active-portfolio {
    
    display : block !important;
    
}

.service_item .excerpt {
   
    height: 90px !important;
    
}

.shortcode-service.isotope_container .service_item .entry-title {
    font-size: 19px !important;
}

.live-support .theme_button {
    
    background-color: transparent !important;
    border-color: #01e675 !important;
    color: black !important;
    
}

.live-support .theme_button:hover {
    color : white !important;
    background-color:  #01e675 !important;
    border-color: #01e675 !important;
}



/*---------- Careers page ---------------------*/

.Careers-form {
    
    width : 100%;
}

.Careers-form .two-field {
   padding-bottom: 8%;
   width : 100%;
}

.Careers-form .career-right {
  
    width: 50%;
    float: left;
    padding-right: 1%;
    padding-left: 1%;
    
}


.Careers-form .career-left {
  
    width: 50%;
    float: left;
    padding-right: 1%;
    padding-left: 1%;
    
}

.Careers-form .your-message-full {
    
    padding-right: 1%;
    padding-left: 1%;
    
}


.Careers-form input[type="file"] {

    background-color: #f4f4f5;
    width: 100%;
    height: 60px;
    padding-top: 3%;
    padding-left: 4%;
    
}


.Careers-form input[type="text"] {
    
    width: 100%;
    letter-spacing: 2.4px;
    font-size: 13px !important; 
    
}

.Careers-form input[type="email"] {
    
    width: 100%;
    letter-spacing: 2.4px;
    font-size: 13px !important; 
    
}

.Careers-form select {
    
    width: 100%;
    letter-spacing: 2.4px;
    font-size: 13px !important; 
    
}

.Careers-form textarea {
    
    width: 100%;
    letter-spacing: 2.4px;
    font-size: 13px !important; 
    
}


.career-heading {
    
    line-height: 2.5;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 1%;
    margin-right: 1%;
    color: #ffffff !important;
    background-color: #ff497c;
    
}

.sub-btn-careers input[type="submit"] {
 
    width: 17%;
    padding-top: 2%;
    padding-bottom: 2%;
    font-size : 15px;
    
}

.sub-btn-careers {
    
    text-align: center;
    padding-top: 1%;
    
}

.career-form-section {
    
    margin-top: -15%;
    
}

.sem-btn {

    margin-top: 1%;
    text-align: center;

}

.sem-btn a {
    
    padding: 20px 35px 30px !important;
    
}



.seo-setup-form input[type="text"] {
    
    width: 100% !important;
    
}


.seo-setup-form input[type="url"] {
    
    width: 100% !important;
    
}

.seo-setup-form input[type="tel"] {
    
    width: 100% !important;
    
}

.seo-setup-form input[type="email"] {
    
    width: 100% !important;
    
}

.seo-setup-form input[type="number"] {
    
    width: 100% !important;
    
}

.seo-setup-form textarea {
    
    width: 100% !important;
    
}

.seo-setup-form select {
    
    width: 100% !important;
    font-size: 16px !important;
    letter-spacing: 0px !important;
   
    
}

.slct-clr {
            font-weight: 300 !important;
}


.Keywords {
    
    display : none;
    
}

.pkg-location {
    
    display : none;
    
}

.dblock-basic {
    
    display : block !important;
    
}

.dblock-Standard {
    
    display : block !important;
    
}

.dblock-premium {
    
    display : block !important;
    
}

.dblock-elite {
    
    display : block !important;
    
}

.socialhide {
    
    display : none;
    
}

.showgaacred {
    
    display : block !important;
    
}

.showgmbacred {
    
    display : block !important;
    
}

.showgsccred {
    
    display : block !important;
    
}

.showfbcred {
    
    display : block !important;
    
}


.showtwitcred {
    
    display : block !important;
    
}


.showlnkdcred {
    
    display : block !important;
    
}


.showinstacred {
    
    display : block !important;
    
}

.pkglocation-title {
    
    display : none;
    
}

.blockpkglocation-title {
    
    display : block !important;
    
}

.seomathcaptcha span {
    
    padding: 1pc;
    
}

.mathcaptcha-740 {
    
    display: inline-flex;
    font-size: 22px;
    
}


.seo-setup-form input[type="submit"] {
    
    font-size: 16px !important;
    
    padding: 33px 33px 33px !important;
    
}





/*------ responsive start -------------------*/

@media only screen and (min-width: 1920px) {
    
.products img {
    
    max-height: 374px !important ;
    max-width: 374px !important ;
    
}

.custom-portfolio .owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-carousel-item .vertical-item {
    width: 50%;
}
    
    
.home .rightimg {
    right: -24pc !important;  
}

.home .leftimg {
    left: -24pc !important; 
}
    
}

@media only screen and (max-width: 1680px) {
    
.products img {
    
    max-height: 326px !important ;
    max-width: 326px !important ;
    
}
    
    
}


@media only screen and (max-width: 1536px) {
    
.products img {
    
    max-height: 297px !important ;
    max-width: 297px !important ;
    
}
    
    
}


@media only screen and (max-width: 1440px) {
    
.products img {
    
    max-height: 278px !important ;
    max-width: 278px !important ;
    
}
    
    
}



@media only screen and (max-width: 1366px) {
    
.products img {
    
    max-height: 260px !important ;
    max-width: 260px !important ;
    
}
    
    
}




@media only screen and (max-width: 1280px) {
    
.products img {
    
    max-height: 243px !important ;
    max-width: 243px !important ;
    
}
    
    
}

@media only screen and (max-width: 1025px) {
    
.products img {
    
    max-height: 326px !important ;
    max-width: 326px !important ;
    
}

.enquiry-captcha {
    right: 12% !important;
}
    
.entry-meta.with_padding {
    padding: 15px 15px !important;
}

.Careers-form .career-right {
    width: 100%;
    float: left;
    padding-right: 1%;
    padding-left: 1%;
}

.Careers-form .career-left {
    width: 100%;
    float: left;
    padding: 1%;
}

.custom_border figure img {
    max-width: 240px !important;
}

.media-pr-section .side-text {
   
    font-size: 12px !important;

}


.media-pr-section .newsheading a {
    
    font-size: 15px !important;
    
}



    
}

@media only screen and (max-width: 900px) {
    
.products img {
    
    max-height: 382px !important ;
    max-width: 382px !important ;
    
}

.mainmodal {
    width: 80% !important;
}

.enquiry-captcha {
    right: 0% !important;
    margin-left: 20%;
}

.main-list-blog-page .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a {
    
    padding: 10px 14px 10px 14px !important;
    
}


.main-list-blog-page #categories-3.widget_categories > ul > li {
    
    font-size: 10px;
    
}

.vis-video  {
    
    position: relative;
    margin-left: 35%;
    bottom: 45px;
    z-index: 1;
    
}

.reliable_text_section {
    
    padding-left: 34% !important;
    padding-right: 34% !important;
    
}


.experince_text_section  {
    
    padding-left: 34% !important;
    padding-right: 34% !important;
    
}

.solution_text_section  {
    
    padding-left: 34% !important;
    padding-right: 34% !important;
    
}



.affordable_text_section {
    
    padding-left: 34% !important;
    padding-right: 34% !important;
    
}

h3.welcome_title {
    
    font-size: 25px;
    
}

h3.competition-title {
    
    font-size: 25px;
    
}

h3.why-choose-title {
    
    font-size: 25px;
    
}


h3.how_can_help_you_title {
    
    font-size: 25px;
    
}


h3.client_base_map {
    
    font-size: 25px;
    
}

h3.our_global_presence {
    
    font-size: 25px;
    
}

.custom-portfolio .owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-carousel-item .vertical-item {
    
    height: 190px;
    margin-left: 30%;
    width: 45%;
    
}

.broucher-content {
    height: 645px;
    
}

.corporate-content {
    height: 645px;
    
}

.custom_border figure img {
    max-width: 170px !important;
}


    
    
}


@media only screen and (max-width: 600px) {
    
  .mainmodal {
    width: 90% !important;
    padding-left: 6%;
}  

.enquiry-captcha {
    right: 0% !important;
    margin-left: 7%;
}

.main-list-blog-page .widget ul ul li {
    padding-left: 5px !important;
}

 .main-list-blog-page .widget_archive a, .widget_categories a, .widget_meta a, .widget_nav_menu a, .widget_pages a {
    padding: 0px 3px 0px 3px !important;
}

.main-list-blog-page #categories-3.widget_categories > ul > li {
    font-size: 7px !important;
}


.blog-list-view {

    padding-left: 0px !important;
    padding-top: 0% !important;

}

.blog-list-view {
    width: 100% !important;
}

.blog-list-view article {
    width: 100% !important;
}

.archive.category aside {
    margin-top: 0px !important;
}

.welcome_title span {
    border: none !important;
    border-radius: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.milestone_title span {
    border: none !important;
    border-radius: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.competition-title span {
    border: none !important;
    border-radius: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.how_can_help_you_title span {
    border: none !important;
    border-radius: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
} 

.client_base_map span {
    border: none !important;
    border-radius: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.our_global_presence span {
    border: none !important;
    border-radius: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.history_title  span {
    border: none !important;
    border-radius: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.why-choose-title span {
    border: none !important;
    border-radius: unset !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


.reliable_text_section {
    
   padding-left: 19% !important;
    padding-right: 19% !important;
    
}


.experince_text_section  {
    
    padding-left: 19% !important;
    padding-right: 19% !important;
    
}

.solution_text_section  {
    
   padding-left: 19% !important;
    padding-right: 19% !important;
    
}



.affordable_text_section {
    
    padding-left: 19% !important;
    padding-right: 19% !important;
    
}


.custom-portfolio .owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-carousel-item .vertical-item {
    margin-left: 30%;
    height: 190px;
    width: 41%;
}

.dotdigital.tparrows {
    top: 56% !important;
}

.brouchure-captcha .g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
    }
    
.corp-captcha .g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
    }
    
.vis-video {
    position: relative;
    margin-left: 30%;
    bottom: 45px;
    z-index: 1;
}

.sub-btn-careers input[type="submit"] {
    width: 50%;
    padding-top: 6%;
    padding-bottom: 6%;
    font-size: 20px;
}

.career-heading {
    
    font-size: 18px;
    text-align: justify;
}

.enquiry-captcha .g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}
    
#pix-cp-container img {
    
    width: 35% !important;
    margin-left: 4% important;
    
} 



    
}

@media only screen and (max-width: 420px) {

.enquiry-captcha {
    right: 0% !important;
    margin-left: -9%;
}

.vis-video {
    position: relative;
    margin-left: 22%;
    bottom: unset !important;
    margin-top: 3%;
    z-index: 1;
}

.main-list-blog-page .content {
    padding-top: 0%;
}

.content{
            padding-top: 20%
    }
    
.custom-portfolio .owl-carousel .owl-stage-outer .owl-stage .owl-item .owl-carousel-item .vertical-item  {
    
    margin-left: unset !important;  /* change this after adding portfolio case study */
    height: 242px;
    width: unset !important;  /* change this after adding portfolio case study */
    
}

.custom_border figure img {
    /*max-width: 310px !important;*/
    max-width: 340px !important;
    padding-bottom: 15px;
}

.home .wide .custom-portfolio .with_background .item-content {
    
    padding-bottom: 2pc !important;
    
}

.HNtext {
    
    height: 180px !important;
}


}

@media only screen and (max-width: 375px) {
.custom_border figure img {
    max-width: 280px !important;
}

}



@media only screen and (max-width: 360px) {
    
    .vis-video {
        margin-left: 13%;
    }
    
    .home .wide .custom-portfolio .with_background .item-content {
        bottom: 25%;
    }
    
}

@media only screen and (max-width: 330px) {

#slider-2-slide-3-layer-7 {
     margin-top: 135% !important;
}

#slider-2-slide-58-layer-7{
    margin-top: 195% !important;
} 

.main-list-blog-page .widget_categories {
    display : none;
} 

.reliable_text_section {
    
   padding-left: 6% !important;
    padding-right: 6% !important;
    
}


.experince_text_section  {
    
    padding-left: 6% !important;
    padding-right: 6% !important;
    
}

.solution_text_section  {
    
   padding-left: 6% !important;
    padding-right: 6% !important;
    
}



.affordable_text_section {
    
    padding-left: 6% !important;
    padding-right: 6% !important;
    
}

.custom_border figure img {
    max-width: 245px !important;
}

}




/*------ responsive End -------------------*/

/*.single-service section:nth-child(2) {
  display : none;
}*/

.home .flexslider-controls .team-social-icons {
    
    display: none !important
    
}

.seo-project-que-heading {
    
    position: relative;
    bottom: 75px;
    
}
 


/*border */

@-webkit-keyframes b-rotate {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);  
       }

}

@keyframes b-rotate {
  100% {
    -webkit-transform: rotate(1turn);
            transform: rotate(1turn);
  }
}
.custom_border {
  position: relative;
  z-index: 0;
  width: 400px;
  height: 300px;
  border-radius: 10px;
  overflow: hidden !important;
  padding: 2%;
}


.custom_border::before {
  content: '';
  position: absolute;
  z-index: -2;
  left: -50%;
  top: -50%;
  width: 200%;
  height: 200%;
  background-color: #399953;
  background-repeat: no-repeat;
  background-size: 50% 50%, 50% 50%;
  background-position: 0 0, 100% 0, 100% 100%, 0 100%;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#8abd3d), to(#8abd3d)), -webkit-gradient(linear, left top, left bottom, from(#4778ba), to(#4778ba)), -webkit-gradient(linear, left top, left bottom, from(#f1692c), to(#f1692c)), -webkit-gradient(linear, left top, left bottom, from(#63328a), to(#63328a));
  background-image: linear-gradient(#8abd3d, #8abd3d), linear-gradient(#4778ba, #4778ba), linear-gradient(#f1692c, #f1692c), linear-gradient(#63328a, #63328a);
  -webkit-animation: b-rotate 4s linear infinite;
          animation: b-rotate 4s linear infinite;
}
.custom_border::after {
  content: '';
  position: absolute;
  z-index: -1;
  left: 6px;
  top: 6px;
  width: calc(100% - 12px);
  height: calc(100% - 12px);
  background: white !important;
  border-radius: 5px;
}

.custom_border  figure img {
    
    max-height: 245px;
    max-width: 290px;
    
}

.after-social-text {
    
    width: 800px;
    text-align: center;
    margin-bottom: -10%;
    
}

.team-layout-1 .vertical-item {
    
    pointer-events: none !important;
    
}


.team-layout-1 .team-social-icons {
    
    display: none !important;
}

.seoform-mandatory {
    
    font-size: 30px;
    text-align: center;
    padding-top: 3pc;
    
}

.seo-setup-form {
    margin-top: -5pc;
}



.bussiness-cat-title {
    
    text-align : center;
    margin-left: 1%;
    margin-right: 1%;
    
}


.comp-title  {
    
    text-align : center;
    margin-left: 1%;
    margin-right: 1%;
}


.casestudybox {
   
    width: 48% !important;
    height: 500px !important;
    background-size: 100% auto !important;
    background-position: top !important;
    transition : 30s !important;
    scroll-behavior: smooth !important;
    border: 1px solid black !important;
    margin-left: 1%;
    margin-right: 1%;
               
}

.casestudybox:hover{

                background-position: bottom !important;

}
        
.bounce-casestudy-icon {
    
    text-align: center;
    font-size: 30px;
    color: #FA346E;
    position : relative;
    
}

.casestudylinkpad {
    
    padding-left: 33pc;
    padding-bottom: 27pc;
    
}


.casestudylinkpad .next-span {
    
    position: relative;
    top: 12pc;
    
}

.csanimatedicon {
  -webkit-animation-duration: 2.5s;
  animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
@-webkit-keyframes csbounceicon {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-15px);
  }
}
@keyframes csbounceicon {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-15px);
  }
}
.csbounceicon {
  -webkit-animation-name: csbounceicon;
  animation-name: csbounceicon;
}




/*---------- media-pr-page start------------*/

.media-pr-section blockquote {
    
    margin-top: 70pc !important;
    text-align: justify !important;
    margin-bottom: 5px !important;
}

.media-pr-section .side-text {
    
    max-width: 100%;
    font-size: 20px;
    font-weight: 300;
    line-height: 30px;
    font-style: italic;
    color: #1f2732;
    text-align: justify;
    
}

.after-img-div {
    
    padding-top: 2pc;
    
}

.media-pr-section h6 {
    
    border-left: 4px solid #ff497c;
    padding-left: 1pc;
    
}

.publishDetails {
    
    float: right;
    
}

.media-pr-head {
    
    position: relative;
    bottom: 4pc;
    
}

/*---------- media-pr-page End------------*/
.business-communities-home{
	padding-bottom: 40px;
    padding-top: 40px;
}
.business-communities-home img{
	height:150px;
    width: 185px !important;
}
.business-communities-home .vertical-item{
	padding-top: 40px;
    padding-bottom: 40px;
}
.business-communities-home .item-content h6 {
    font-size: 20px;
    padding-top: 30px;
}