body{font:300 14px/24px 'ZohoPuvi' !important;}
  
header{display: none !important;} 
#btmscroll {display: none;}
.menuheader, .btmBar{display: none !important;}
footer{border-top: none !important;}  
  
/*======= custom header css===========*/  
  
h1, h2, h3, h4, h5, h6 {
font-family: 'zoho_puvi_bold';margin: 0;
}
.heading-menu, #customers, #fixedbtn, #commonHeader {display: none !important;}
.csm-header {background:#fff;min-height:100px;-webkit-box-shadow:0px 0px 5px #e2e2e2;box-shadow:0px 0px 5px #e2e2e2;position: relative;z-index: 2; position: fixed;top: 0;left: 0;width: 100%;animation: smooth 0.3s ease-in-out;z-index: 99999999; }
  
  
.fixed-header {position: fixed;top: 0;left: 0;width: 100%;background: #fff;animation: smooth 0.3s ease-in-out;z-index: 99999999;-webkit-box-shadow: 0px 0px 5px #b3b3b3;box-shadow: 0px 0px 5px #b3b3b3;}
@keyframes smooth {
 from {transform:translateY(-50px);} to {transform:translateY(0px);}
}
.main-container {width:100%;position: relative;}
.left-column {width:75%;float: left;}
.right-column {width:25%;float: left;position: relative;}
.form-con{position:fixed;height:100%;background:#2a5b8e;width:350px;top:100px;padding: 25px;-webkit-box-sizing:border-box;box-sizing:border-box;animation:formAnim 1s ease-in-out;}

.container {max-width: 1200px;width: 95%;margin: 0 auto;transition: all 0.2s ease-in 0s;}
.header-wrapper {display: flex;padding: 20px 0;align-items: center;} .header-wrapper > div {flex:1;}
.header-right-col {text-align:right;}
a.apm-logo {}
a.apm-logo > img {width:100%;max-width:300px;}
.menu-list > li {display:inline-block;position: relative;margin: 5px; border:1px solid #eaeaea;padding: 0 5px;}
.menu-list li a {text-decoration: none;color: #4a4a4a;font-size: 14px;position: relative;display:inline-block;padding:5px;text-transform:uppercase;}
.menu-list li a:hover{color:#362476;}
.menu-list li a:before {content: "";width: 0%;border-bottom: 2px solid #362476;position: absolute;top: 20px;left: 0px;bottom: 0;transition: all ease-in-out 0.3s;}
.menu-list>li a:hover:before {width: 100%;} 
  
/*======= custom header end css===========*/    
      
.footer .col1,.footer .footCol1 {padding: 2% 5% 2% 0;border-right: 1px solid #292929;min-height: 250px;width: 25%;}
.footer .col2,.footer .footCol2 {padding: 2% 5%;border-right: 1px solid #292929;}
.footer .col3,.footer .footCol3 {padding: 2% 0 0 5%;} 
  
  #fixedbtn{display: none !important;}  
.heading-menu, #customers{display: none;}
h1,h3,h4,h5,h5,p{margin: 0px !important;}
p{line-height: 28px !important; font-size: 16px !important;}
.div-row {position: relative;}
  
.gartnerThanks{display:none;}
  
.landing-page-bg {position: relative; background:#1c40a3; z-index: 1;    padding-top: 100px; }

.landing-page-bg:before {
    content: '';
    background: url(https://www.manageengine.com/fr/applications_manager/images/apm-healthcare-bg.jpg) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: 100%;
    opacity: .05;
  left: 0;
  z-index: 0;
    transform: rotate(0deg);
  transform: scale(1);
  filter: grayscale(1);
  background-position: left center;
} 
  
.landing-page-bg:after {
    content: '';
    background: url(images/apm-banking-bg.svg) no-repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-size: cover;
    opacity: .08;
  left: 0;
  z-index: 0;
    transform: rotate(180deg);

  
}   
  
  
  
.div-row .content-sec {max-width: 1400px;margin: 0 auto;padding: 0 10px; display: flex;align-items: center;}
.content-sec .col-left{float:left;} 
.display-table {display: table;}
.custom-container {width:100%;position: relative; display: block;}
.col-left {width:75%;float: left;}

.container {max-width: 1200px;width: 95%;margin: 0 auto;transition: all 0.2s ease-in 0s;}
.row::after {content: "";clear: both;display: table;}
.row {display: -webkit-flex;display: flex;flex-wrap: wrap;align-items: normal;width:100%;justify-content: center;}
.row .cell, .row1 .cell {width:29%;display:flex;margin:10px;-webkit-box-shadow:0 0 5px 0px #f0eded;box-shadow:0 0 5px 0px #f0eded;background:#fff;}
.sec-pTB {padding:60px 0 !important;} .sec-pTB1 {padding:30px 0;}
.banner-cover {position: relative;z-index: 1;animation: anim 2s ease-in-out;
    transition: all .5s ease-in-out;opacity: 1;display: table-cell; vertical-align: middle;}
  
.banner-cover .custom-row{justify-content: left;}
.banner-cover .flex-row:before, .banner .flex-row:after {content: '';display: table;clear: both;}
.custom-row .col:nth-child(1) {width: 80%;}
.banner-con {text-align: left;position: relative;animation: bannerCon 1.8s ease-in; ; color: #fff; padding: 0px 20px}
.banner-con h1{color: #fff; font-weight: 500; margin-bottom: 25px !important; font-size: 52px ; }
.banner-con p{font-size: 16px !important; color: #fff; line-height: 26px !important;}
  
.baner-btn a {
    position: relative;
    background: #f9ad3a;
    color: #333;
    padding: 10px 35px;
    border-radius: 6px;
    text-decoration: none;
    margin-top: 15px;
    display: inline-block;
    font-size: 15px;
    font-weight: 700;    transition: all .3s ease-in-out;
      -webkit-animation: ripple-white3 1s linear infinite;
    animation: ripple-white3 1s linear infinite;
}

@-webkit-keyframes ripple-white3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } }

@keyframes ripple-white3 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1); }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 100px rgba(255, 255, 255, 0); } }
  
  
.baner-btn a:hover{text-decoration: none;background:#ef9b1d;    transition: all .3s ease-in-out; }  
  
 #demoDate{display: none;padding: 5px 10px; margin-bottom: 5px;}
.ui-datepicker-trigger {position: absolute;top: 10px;right: -15px;width: 30px;display:none;}
.clearDate {display: none;justify-content: center;align-items: center;position: absolute;width: 20px;height: 20px;font-size: 15px;color: #222;background-color: #e8e8e8;right: 50px;top: calc(50% - 14px);z-index: 1;border-radius: 50%;cursor: pointer;display: none;}
.ui-widget-header .ui-icon {background-image: url(images/ui-icons.png)!important;}    
  
  
  
@-webkit-keyframes bannerCon {
0% {left: -50px;}100% {left:0;}
}
@keyframes bannerCon {
0% {left: -50px;}100% {left:0;}
} 
  
.lnk {color: #8D38BA;}
.div-img {text-align: center;position: relative;}
.anim-bg {position:absolute;z-index:-1;}
img{max-width: 100%;} 
  
/* ================= form style ================*/  


.custom-row::after {content: "";clear: both;display: table;}
.custom-row {display: flex; flex-wrap: wrap;align-items: normal;width: 100%; justify-content: center; }
.custom-row .grid50 , .custom-row .grid30{display: flex;padding: 0px 15px;}
.custom-row .grid50 {width: 47%;}
.custom-row .grid30 {width: 30%;}
.custom-row .grid{width: 100%}

  
/* ================= form style ================*/
  
.form-con{position:relative;background:#2352d4;width:360px;animation:formAnim 1s ease-in-out; border-radius: 6px;padding: 25px;text-align: center;display: flex;align-items: center;justify-content: center; top:0px; z-index: 9; margin: 10px; min-height: 410px}
.fixed-form {position: relative;top: 0px;width: 310px;margin: 0 auto;transition: all .5s ease-in-out;box-shadow: 0px 0px 2px #3d7f9e;margin: 0px 0px;}
  
.form-title h2{text-align:center;font-size: 25px; line-height: 24px;}
.form-con h2{font-size: 20px !important;} 
.form-con h2, .form-con p { margin: 0; color: #fff;}
.form-con p { font-size: 14px !important; line-height: 17px !important;padding:15px 0 10px;}
.form-con .input-row {padding: 5px 0; position: relative;}
.form-con .input-row input, .input-row select {width: 100%;border: solid 1px #ddd;padding: 5px 10px;outline: none;height: 40px;box-sizing: border-box;background: #fff;font-size: 13px;transition: all .3s ease-in-out; border-radius: 4px;}
/*.form-con .input-row input:hover, .form-con .input-row select:hover {box-shadow: 0 0 10px 0 #ddd;-webkit-box-shadow: 0 0 10px 0 #ddd}*/
.form-con .input-row input[type="submit"] {background: #f9ad3a;color: #333;margin-top: 10px;font-size: 15px;font-weight: 700; cursor: pointer;}
.form-con .input-row textarea{width: 94%;resize: none;height: 60px;padding: 5px 10px;font: 400 13.3333px ZohoPuvi; border: solid 1px #ddd; border-radius: 4px;}
.form-con .input-row textarea:focus{outline:none;}  
.btn-div a {position: relative;background: #ec1131;color: #fff;padding: 10px 15px;border-radius: 6px;text-decoration: none;margin: 25px 15px;display: inline-block;}
  
.btn-div a:link, .btn-div a:visited {transition: all .5s ease-in-out;-webkit-transition: all .3s ease-in-out;}
.btn-div a:hover {box-shadow: 0 5px 10px 0 #8a8a8a;-webkit-box-shadow: 0 5px 10px 0 #8a8a8a;}
.dwn-priv {margin-top: 0 !important;color: #fff !important;}
.dwn-priv a {color: #ffa927;}
/*
  
@-webkit-keyframes formAnim {0%{left:0px;} 100%{left:100px;}}
@keyframes formAnim {0%{left:0px;} 100%{left:100px;}}
*/
  

/*=========== content section1 css ============*/
  
  
.content h2.main-title{font-size: 36px; color: #5074d8; margin-bottom:30px !important; margin: 0px; font-weight: 700;     line-height: 38px;}  
.content p{margin-bottom: 20px !important;} 
.cont-section1 .cont-box{padding: 10px 0px;}
.cont-section1 .cont-box p{line-height: 26px; margin-bottom:15px !important }
.bdr1 { border-top: 8px solid #484f8c;border-left: 8px solid #bfc3de;}
.bdr2 { border-bottom: 8px solid #484f8c;border-right: 8px solid #bfc3de;}  
.hglt-bg2{background: #eaf0fc;}
.hglt-bg1{background: #fff8ee;}
.b-none{border:none !important}
  
  
/*=========== icon list section css ============*/  
  
  
.icon-listed ul {list-style: none;margin: 10px 0 35px; padding: 0;} 
.icon-listed li { list-style: none;display: block; position: relative; margin-bottom: 12px; padding-left: 40px; font-weight: 600; font-size: 16px;
}
.icon-listed ul li span {height: 22px; width: 20px; background: #fff;color: #fff; border-radius: 50%;text-align: center; line-height: 20px; font-size: 18px;padding-left: 2px;position: absolute;display: inline-block;top: 1px;left: 0px;    border: 1px solid #e1daf5;}
  
.icon-listed ul li span:after { content: '';display: block; width: 4px;height: 10px;border: solid #4f7bf6;border-width: 0 3px 3px 0;transform: rotate(45deg);position: absolute;left: 8px;top: 3px;}
  
.button-div {display: flex;align-items: center;justify-content: center;margin: 60px 0px 0px;} 
.free-btn {background: #3c67de; color: #fff;margin-top: 10px;font-size: 14px;font-weight: 600; padding: 10px 25px; border-radius: 50px;margin: 0px 25px; border-radius: 4px;border: 2px solid transparent;transition: all .3s;} 
a.free-btn:hover {border: 2px solid #2950bd;background: #2950bd; color: #fff;text-decoration: none !important;transition: all .3s;}   
.listed-section .cont-box{padding: 30px; box-shadow: 0 2px 28px -14px rgba(160,158,158,.75); }
  
  
/*=========== icon and gif section css ============*/
  
.icon-section {display: flex;flex-wrap: wrap;align-items: normal;width: 100%;justify-content: center;}
.icon-section .icon-grid {width: 21%; margin: 15px 15px; border: 1px solid #eaeaea; }
  
.icon-section.first-row .icon-grid{width:38%;}
  
.bg-box {padding: 15px 15px; position: relative;}
.apm-alternative-sprite {background: url("https://www.manageengine.com/fr/applications_manager/images/apm-healthcare-sprite.svg") no-repeat 0 0;display: inline-block; height: 52px;width: 52px;position: absolute;left: 0;transform: scale(0.9);transition: all .3s;     background-size: 230px;}
.altr-icon1 {background-position:-6px 0px;} 
.altr-icon2 {background-position: -85px 0px;} 
.altr-icon3 {background-position: -165px -75px;}  
.altr-icon4 {background-position: -120px 0px;    background-size: 180px;}
.altr-icon5 {background-position:-5px -70px; width: 70px} 
.altr-icon6 {background-position: -2px -134px; width: 70px} 
.altr-icon7 {background-position: -88px -134px; width: 70px}
.altr-icon8 {background-position:-85px -70px; width: 70px}
  
.icon-section h2 {font-size: 20px;text-align: left;padding-left: 65px;position: relative;min-height: 45px;margin-bottom: 15px;line-height: 24px;margin-top: 0px !important;}  
.bg-box a:hover{color:#3ca7e8;text-decoration: none; margin-top: 10px; }  
.gif-section { position: relative;  }
.gif-section .container{width: 95%} 
.mockup-bg{background-image: url(images/mockup-bg.png); background-repeat: no-repeat;background-position: -80% center;background-attachment: scroll; background-size: cover;width: 400px;}
  
.mockup-holder{
    display: block;
text-align:center;
margin:3% 0;
} 
.mockup-holder .grid50:nth-child(1){width:26%; float: left;}
.mockup-holder .grid50:nth-child(2){width:74%; float:left}
.img-holder img{max-width:700px;}
  
.img-holder img {
    max-width: 560px;
   margin-left: -3%;
    margin-top: -8%;
} 
  
a.view-btn h2{ margin-top: 10px;display: inline-block;color: #333;    transition: all .3s ease-in-out;} 
a.view-btn:hover h2{color: #35168e; text-decoration:none!important;   transition: all .3s ease-in-out;} 
a.view-btn:hover h2 .apm-alternative-sprite{transform: scale(1.1);  transition: all .3s ease-in-out;}
  
.pb0{padding-bottom: 0px !important;} 
/*=========== customer css ============*/
  
  
.customer-cont-box {    padding: 0px 25px 40px;}
  
  
.customer-cont-box  h2{    margin: 10px 0 10px;}

.dark-box {padding: 80px 0px 20px;}
.csBox {border: 1px solid #f7f7f7;box-shadow: 0 0 10px #eee;border-radius: 5px;min-height: 210px;position: relative;margin-top: 70px;text-align: center; background: #fff;} 

.csBox h2 {margin: 60px 20px 10px;}
.csBox .dark-box {padding: 10px 0px 20px;}
  
.csIcon1, .csIcon2, .csIcon4, .csIcon3,  .csIcon5,  .csIcon6, .csIcon7   {height: 120px;width: 120px;display: block; position: absolute;left: 50%;margin-left: -60px; top: -75px; border-radius: 50%;     border: 1px solid #efeeee;}
  
.csIcon1 {background: url(images/apm-baniking-go-global.jpg) no-repeat -0px 0px;background-size: 125px; }
.csIcon2 {background: url(images/chanjal-cs2.png) no-repeat 0 0;}
.csIcon3 {background: url(https://www.manageengine.com/fr/applications_manager/images/wipro-customer.jpg) no-repeat -82px 0px;}
.csIcon4 {background: url(https://www.manageengine.com/fr/applications_manager/images/lexmark-cs4.png) no-repeat 0 0;}
.csIcon5 {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-banking-hdfc.jpg) no-repeat 0px 3px;     background-size: 122px;}
.csIcon6 {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-baniking-unicredit.jpg) no-repeat 4px 15px;     background-size: 106px;}
.csIcon7 {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-sironahealthcare.png) no-repeat 20px 20px;     background-size: 82px;} 
  
.csVidLink a {background: #3B1DA2 url(https://www.manageengine.com/fr/applications_manager/images/apm-vid-icon.png) no-repeat 18px 8px;display: inline-block;color: #fff;padding: 5px 20px 5px 40px;border-radius: 40px}
  
.csVidLink a:hover {text-decoration: none !important; } 
.csTxt {font-size: 16px;}
.csMoreIcon {background: url(https://www.manageengine.com/fr/applications_manager/images/apm-vid-more-healthcare.png) no-repeat 0 0;height: 25px;width: 25px;display: inline-block;margin-right: 10px;
} 
.csName {margin-top: 20px; font-size: 16px;}
a.csMore {color: #fff;text-align: center; display: inline-block;margin-top: 60px;background: #4f7bf6;padding: 9px 20px; border: 1px solid #4f7bf6;display: inline-block; border-radius: 6px;}
a.csMore:hover {    text-decoration: none !important;}
  
[class*="col-"] {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 15px 0px;}
  
  
.view-more-btn {
    background: #4f7bf6;
    color: #fff;
    padding: 8px 18px;
    border-radius: 50px;
} 
.view-more-btn:hover{text-decoration:none !important;} 
  .sec-pTB a:hover{text-decoration:  none !important;}
  
  
/*======= logosection query css ==========*/    
  
  
ul.logosection {
margin: 0;
padding: 0;
}
.a-tag a{color: #fff}
ul.logosection li {
display: inline-block;
padding: 0;
margin: 10px;
}
ul.logosection li  span {
display: inline-block;
padding: 10px;
text-indent: -9999px;
text-align: center;
border: solid 1px #f1f1f1;
border-radius: 6px;
}
ul.logosection li a {display:block;}
.brand {
background: url("images/apm-banking-financial-logo.png");
height: 45px;
}
.brand.logo1 {
    background-position: 2px -243px;
    width: 106px;
}
.brand.logo2 {
    background-position: -110px -237px;
    width: 120px;
}

.brand.logo3 {
background-position: -236px -238px;
    width: 120px;
}
.brand.logo4 {
background-position: 9px -300px;
    width: 120px;
}

.brand.logo5 {
    width: 120px;
    background-position: -123px -297px;
}
  
  
/*========== customer logo section ============*/
  
.section {    padding: 40px 0px;} 
  
.section.section.trusted-section {border: 1px solid #efeded; background: #f2f6fd; }    
  
.trusted-section  .content-wrap{width:95%;} 
  
.trusted-section .content-wrap {    width: 95%;}
  
  .slider {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0;
    border-radius: 4px;
  width:100%;
}
  .slider > ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}
  
  .slider > ul > li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
}
  .slider .slider-content {/* padding: 20px; */}
  .slider .slider-content .flex {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.slider .slider-content .flex .client-logo {
    width: 115px;
    height: 107px;
    margin-right: 10px;
    margin-left: 10px;
    text-indent: -9999em;
    margin: 8px 10px;
    background: #fff;
  border: 1px solid #ced9f8 ;
}
  
.logo-area {
  background-image: url("https://www.manageengine.com/fr/applications_manager/images/me_apm_customer_logo_sprite.png");
  background-size: 1000px 1379px;
  display: block;
  width: 100%;
  height: 100%;
  transform: scale(0.65);
}
  
  
  
  .bg-gray{background: #f1f1f1;}
  
  
  

@media (min-width: 1401px)
.trusted-section .content-wrap {
    max-width: 1390px;
}
@media (min-width: 1200px)
.trusted-section .content-wrap {
    max-width: 1190px;
}
@media (min-width: 1200px)
.content-wrap {
    max-width: 1140px;
}
.content-wrap {
    padding-left: 15px;
    padding-right: 15px;
    margin-right: auto;
    margin-left: auto;
} 

/*======= Media query css ==========*/  
  

@media (max-width: 650px) {
.icon-section .icon-grid{width:100% !important}
.form-con .input-row textarea{width:92%}  
.form-con{width:86%}
.header-wrapper {flex-wrap: wrap;text-align: center;}
.menu-list {text-align: center;}  
.header-wrapper > div {flex: none;width: 100%;}
.menu-list {text-align: center; margin: 10px 0px 0px;}  
.banner-con {padding: 20px 0px 0px !important;}
}
  
@media(max-width:768px) {
.custom-row .grid50, .custom-row .grid30{width:100% !important;}  
.cont-section1 .custom-row .grid50{width:100%;margin-bottom: 20px;} 
.img-holder img {width: 80% !important;   margin: 0 auto;}  
.icon-listed ul{margin: 0px 0 0px}  
.listed-section .cont-box{margin-top: 30px;}
.div-row .content-sec {display: inherit !important;}
.banner-con h1{    margin: 35px 0px 10px !important;}
.csBox{margin-bottom: 20px;}
}
    
  
  
@media (max-width: 1025px) {
  
.content-sec .col-left{width:100%;}
.content-sec .col-right{width:100%}
.custom-row .col:nth-child(1){width:100% !important}
.banner-con{text-align: center; padding: 0px;}
.form-con{margin: 0 auto;}
.display-table{min-height: auto;}
.banner-cover{padding:0px;}
.icon-section .icon-grid{width:40%;}
.gif-section{border-top-left-radius:0px;border-bottom-left-radius:0px;}   
.img-holder {text-align: center;}
.img-holder img {width: 75%;     margin: 0 auto;}
.custom-row .grid50{width:100%;margin-bottom: 15px;}
.content h2{font-size:16px;line-height: 24px; }
.content p { line-height: 28px;color: #616365;}
.custstory .custom-row .grid30 {width: 28%;}
.content h2.main-title{font-size:26px; line-height: 28px;}
.mockup-holder .grid50:nth-child(1){width:100%;}
.mockup-holder .grid50:nth-child(2){width:100%;}
.banner-con h1{font-size:28px;}
.custstory .custom-row .grid50{width:45%;}      
a.view-btn h2{display: flex;align-items: center;justify-content: left;}   
.banner-con p{font-size: 16px !important;}

}  
@media (min-width: 1025px) and (max-width:1199px){  
  .img-holder img { max-width: 550px;}
  .img-holder img{ max-width: 370px;margin-left: 5%;}
  .banner-con h1{line-height: 54px;}
  .icon-section .icon-grid{width:21%;}
  .banner-con h1{font-size: 42px;}
  .gif-section .container{width: 95%;max-width: 1170px;}
  .icon-section h2{font-size: 18px;}
 } 
 
@media (min-width: 1201px) and (max-width:1400px){  
  .icon-section .icon-grid{width: 22%;}
  .mockup-holder .grid50:nth-child(1){width: 30%;}
  .mockup-holder .grid50:nth-child(2){width: 70%;}
}
    
@media (min-width: 1200px){
.container {max-width: 1170px !important;}  
.div-row .content-sec {max-width: 1170px !important;} 
.icon-section .icon-grid{width: 22%;}
}
  
@media screen and (max-width: 1400px){
.col-left { width: 64%;}
.container {max-width:95%;}
}   
  
@media (min-width: 1401px){
.container {max-width: 1315px !important;}
.div-row .content-sec {max-width: 1390px !important;}
.col-left {width: 73%;} 
/*.icon-section{justify-content: flex-end;}*/
.icon-section .icon-grid{width: 22%;}
  
}