.iicon{ } .iiicon { color: #509088; margin-left: 20px; border: 1px solid #509088; border-radius: 50%; padding: 3px; font-size: 21px; position: absolute; right: 1px; top: 4px; } .df { position: relative; padding-right: 30px; } #fff .container-fluid .outer-section .left-column .inner-column { position: relative; max-width: initial; width: 100%; display: block; float: right; padding: 35px 0px; padding-right: 35px; text-align: right; } #fff .container-fluid .outer-section .right-column { position: relative; width: 50%; float: right; padding: 0px 0px; background-size: cover; } .rr { width: 50% !important; } .ii { position: relative; width: 52% !important; margin-left: 23%; } .iifram { width: 100%; padding-top: 159px; overflow: hidden; height: 100vh; } #is{ display:block } #is2 { display: none; } .navbar-responsive-collapse { margin-top: 30px; } .hslid { height: 500px !important; } .hslid > li { height: 500px !important; } .tp-leftarrow { top: 400px !important; } .tp-rightarrow { top: 400px !important; } @media(max-width:900px){ .iifram { width: 100%; padding-top: 0; overflow: hidden; height: 27vh; } .hslid { height: 200px !important; } .hslid > li {  height: 200px !important; } .tp-leftarrow { top: 300px !important; } .tp-rightarrow { top: 300px !important; } .rr { width: 100% !important; } .ii { position: relative; width: 100% !important; margin-left: 0; } #is { display: none; } #is2 { display: block; } .qw{ width:100% } } .tooltip { padding: 6px; font-size: 23px; opacity: 1; position: relative; display: inline-block;  } /* Tooltip text */ .tooltip .tooltiptext { visibility: hidden; width: 132px; background-color: #555; color: #fff; text-align: center; padding: 5px 6px; border-radius: 6px; position: absolute; z-index: 1; right: 111%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; font-size: 12px; } /* Tooltip arrow */ .tooltip .tooltiptext::after {  content: "";  position: absolute;  top: 42%;  right: -7%;  margin-left: -5px;  border-width: 5px;  border-style: solid;  border-color: #555 transparent transparent transparent;  transform: rotate( -95deg ); } /* Show the tooltip text when you mouse over the tooltip container */ .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; }  .boxhaver { direction: rtl; background: white; color: #659b8c; display: none !important; flex-direction: column; position: absolute; width: 100%; padding: 13px; font-size: 35px; } .inner-box:hover .boxhaver { display: flex !important; } .fa-check { margin-left: 10px; margin-right: 10px; } .cpointer { cursor: pointer; } .cpointer:hover { background-color: #fff; border: 1px solid #ebeced; -ms-border-radius: 4px; border-radius: 7px; -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); box-shadow: 0 1px 2px 0 rgba(0,0,0,.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .boxs div img { width: 100%; } .boxs div a img { width: 100%; } .boxs div img { max-height: 270px !important; } .boxs { margin-bottom: 60px; } .certLogo div img { width: 100px; height: 100px; } .certLogo div p { margin-top: 40px; } .certLogo { margin-top: 10px; }