/* CSS Document */

*{}

@media (min-width: 1200px) {
    .container {
    max-width: 1236px;
}

}

body {
font-family: 'Montserrat', sans-serif !important;
font-size:18px;
margin:0 auto;
padding:0;
}
.clear {
clear: both;
}

h1, .h1 {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 52px;
    margin-bottom: 20px;
    font-weight: 500 !important;
}

/* MENU CSS */
/*.CloudSME-menulogo.saibs img.img-fluid.C-SMElogo {
    width: 50%;
}*/
/*.sidenav .nav-item.dropdown a:hover ul.dropdown-menu {
    display: block;
    transition: 0.5s;
}
hr {
    margin-top: 1rem;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid rgba(217,39,45,.88);
    width: 100%;
    float: right;
    padding-bottom: 15px;
}

*/
li.nav-item {
    padding: 5px 0;
}
.nav-item.dropdown {
    padding: 0;
}

/*li.nav-item.dropdown:hover {
transition: .8s;
    transition-delay: 1.5s;
}
li.nav-item.dropdown:hover .submenu.dropdown-menu {
    background-color: transparent;
   display: contents;
    transition: .8s;
    transition-delay: 1.5s;
}*/
/*.result_hover .submenu.dropdown-menu {
    background-color: transparent;
    display: ;
    padding-bottom: 10px;
}*/
.sidenavR .dropdown-menu {
    width:100% !important;
    position: relative !important;
    background-color: #E2E2E1 !important;
    transition-delay: 5s;
    border: none !important;
    box-shadow: none !important;
    padding-bottom: 10px !important;
}

.sidenavR a.nav-link.dropdown-toggle {
    padding: 0 0 0 30px;
}
ul.submenu.dropdown-menu li.dropdown-item {
    margin-bottom: 3px !important;
    font-style: normal;
}
.dropdown-item:focus, .dropdown-item:hover {
    color: #D71E2;
    text-decoration: none;
    background-color: transparent;
}

.dropdown-item:focus, .dropdown-item:hover a {
    color: #D71E24;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    color: #D71E24;
    text-decoration: none;
    background-color: transparent;
}

.header-menu.cloudhome .logo img {
    position: relative;
    top: -10px;
}
#innerheader .slider-text-btn.saibs-text {
    width: 100%;
}
#innerheader .cloudlogo .logo a {
    position: relative;
    top: 0px;
}
#innerheader .menu-show span.menu-text {
    font-size: 20px;
    margin-right: 15px;
    color: #FFF;
    position: relative;
    top: 13px;
    font-weight: 100;
}
#innerheader .menu-show span.menuline {
    color: #FFF;
    position: relative;
    left: 11px;
    display: table;
    top: 11px;
}
#innerheader .sidenavR li {
    width: 100%;
    display: block;
}
#innerheader .sidenavR ul.menu li {
    margin-bottom: 15px;
}
    #innerheader .sidenavR ul.menu li a {
        padding-top: 0;
        padding-bottom: 0;
    }
        #innerheader .sidenavR ul.menu li a.nav-link.dropdown-toggle {
            margin-bottom: 10px;
        }
#innerheader .sidenavR .closebtn {
    font-size: 45px;
    margin-right: 40px;
    position: absolute;
    right: 8px;
    top: 27px;
    color: #C00000;
}
.GetTouch h1 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 40px;
}
.inforcloud p.p-text {
    text-align: left;
    font-size: 16px;
    line-height: 24px;
}
.Partnership-text a.btn.onhover.black-btn {
    border-radius: 0;
    border: 1px solid #FFFD0A;
    color: #FFFD0A;
    padding: 5px 25px;
    font-size: 14px;
}
.datali ul.PP li {
    background: rgba(0, 0, 0, 0) url(https://dev1.saibsolutions.com/images/marker_7.jpg) no-repeat scroll left 7px;
    color: #282828;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    padding-left: 15px;
}

/* cloud CSS */
.menushow {
   width: 40%;
}

#OurERP h1.header-colorRed {
    font-size: 36px;
    padding: 0 15px;
}

#OurERP .col-md-4.col-sm-12 {
    margin-bottom: 15px;
}

.content.box {
    border: 1px solid #ccc;
    background-color: #FBFCFC;
}

    .content.box h3.headtext {
        font-size: 20px;
        margin: 0;
        transition: 0.7s;
        transition-delay: 0.3s;
    }

    .content.box:hover h3.headtext {
        background-color: darkorange;
        transition-delay: 0.3s;
    }

.datali ul.PP li {
    background: rgba(0, 0, 0, 0) url(https://dev1.saibsolutions.com/images/marker_7.jpg) no-repeat scroll left 7px;
    color: #282828;
    font-size: 16px;
    font-weight: normal;
    line-height: 25px;
    padding-left: 15px;
}

    .datali ul.PP li span {
        font-size: 27px;
        line-height: 25px;
        font-weight: 700;
        vertical-align: middle;
        position: relative;
        top: -3px;
        margin-right: 5px;
        display: none;
    }

.content.box .datali {
    padding: 15px 0;
}

#OurERP .row {
    margin-bottom: 20px;
}

#OurERP .dxt h3 {
    font-size: 22px;
    background-color: #ddd;
    padding: 15px;
    margin-top: 25px;
}

    #OurERP .dxt h3 span {
        color: #D81E24;
    }

#OurERP .two-image h3.header-color {
    font-size: 24px;
    font-weight: 500;
    padding: 15px;
    background-color: #333;
    color: #fff;
}

#OurERP .two-image p {
    margin-top: 25px;
}
.Cloudpage .slider-text-btn.saibs-text {
    width: 100%;
}
.header-menu.cloudimnner.slidemenu .cloudlogo a img.img-responsiv {
    position: relative;
    top: -10px;
}
.vision h1.header-colorRed {
    font-size: 36px;
    padding: 0 15px;
}
.sliderbg-text sup {
    font-size: 10px;
    top: -10px;
}
.button-section.cloudhome {
    width: 33%;
}

/* menu infor partnership */
.header-menu.cloudhome.inner.slidemenu .CloudSME-menulogo.menutext.saibs p.Bottom-line {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 6px;
    position: relative;
    left: 0;
    border-bottom: 2px solid #C00000;
    text-align: left;
    margin-left: 44px;
    width: 80%;
    display: inline-block;
    margin-bottom: 0;
    line-height: 6px;
}
.CloudSME-menulogo.menutext.saibs p.Bottom-line {
    font-family: 'Montserrat', sans-serif !important;
    font-size: 6px;
    position: relative;
    left: 0;
    border-bottom: 2px solid #C00000;
    text-align: left;
    margin-left: 71px;
    width: 74%;
    display: flex;
    margin-bottom: 0;
}
.CloudSME-menulogo .PS {
    margin: 0;
    padding: 0 15px 0 71px;
    margin-bottom: 0;
}
.CloudSME-menulogo.menutext.saibs .PS a {
    text-align: left;
    padding: 0;
    display: block;
    margin-bottom: 10px;
}
.CloudSME-menulogo.menutext.saibs a {
    display: block;
    margin-top: 10px;
}
.CloudSME-menulogo.menutext.saibs a img {
    width:auto;
    left: 44px !important;
}
.Partnership-text #demo .panel-heading .close {
    position: relative;
    top: -12px !important;
    font-size: 26px;
    right: -6px;
}
#videoBox iframe {
    width: 100%;
}
.Partnership-text .CSI .btn.onhover.readmore-btn {
    color: #FEFA5B;
    font-weight: 100;
}
.button-section.CSI {
    width: 55%;
}
.cloudhome .btn.onhover.readmore-btn {
    color: #FEFA5B;
    font-weight: 100;
}

@media screen and (min-width: 320px) and (max-width: 480px) {
    .CloudSME-menulogo.menutext.saibs a img {
        width: auto;
        left: -10px !important;
    }
}

@media screen and (min-width: 480px) and (max-width: 600px) {
    .CloudSME-menulogo.menutext.saibs a img {
        width: auto;
        left: -10px !important;
    }
}
    /* CALL BACK */

    .popup input.btn.onhover {
        padding: 6px 16px;
        margin: 0 auto;
        width: 42%;
        border-radius: 0;
        text-align: center;
        background-color: #D81E24;
        border: 1px solid #D81E24 !important;
        font-size: 16px;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 100;
        transition: 0.7s;
    }

        .popup input.btn.onhover:hover {
            background-color: #842C2C;
            border: 1px solid #842C2C !important;
        }

    #popup1.overlay .popup .form-group label {
        font-size: 16px;
        font-weight: 100;
    }

    #popup1.overlay p {
        font-size: 16px;
        font-weight: 100;
    }

    .alert.alert-success {
        font-size: 16px;
        font-weight: 100;
        background-color: azure;
    }


    .CloudSME-menulogo .PS img {
        width: 200px !important;
    }

    .logo-saibs.footer-logo img {
        margin-top: 26px;
        width: 114px !important;
    }

    .logo-sme.footer-logo img {
        margin-top: 26px;
    }

    .slider-text-btn.saibs-text .cloudhome .btn {
        width: 50%;
    }


    .col-md-12.contentPane {
        padding: 0;
        /* position: absolute; */
        flex: auto;
        display:;
    }

    div#videoBox.box.in {
        width: 100%;
    }

    #videoBox iframe {
        width: 100%;
    }

    /* infor */
    /*section.section.section-xxl {
    background: rgba(0, 0, 0, 0) url(https://www.cloudsme.co.uk/custom/images/Hero_about_page_leadership_1600x800.jpg) no-repeat scroll left 7px;
}*/

    /* INFOR CSI Page CSS */
    /*#inforCSI-1sec .PS.infor {
    width: 100%;
}
.PS.infor {
    width: auto;
    width: 700px;
    float: none;
    display: inline-block;
    margin-bottom: 25px;
    text-align: center;
}
@media screen and (max-width: 2400px) and (min-width: 1200px) {
    #inforCSI-1sec .PS.infor h2 {
        text-align: left;
    }
}
.PS.infor span.image img.img-fluid {
    width: 72px !important;
    margin-right: 10px;
}
.PS.infor h2 {
    font-size: 36px;
    font-weight: 500;
    color: #D52027;
    width: auto;
    margin: 13px 0;
}
*/
    /* INFOR ABOUT / Infor - introduction page */
    section#infor-about .PS {
        width: 300px;
        float: none;
        display: inline-block;
        margin-bottom: 25px;
        text-align: center;
    }

        section#infor-about .PS span.header {
            display: inline-block;
            float: left;
            margin-right: 15px;
        }

        section#infor-about .PS span.image img.img-fluid {
            width: 72px !important;
            margin-right: 0;
        }

    section#infor-about h2 {
        font-size: 36px;
        font-weight: 400;
        color: #D52027;
        width: auto;
        margin: 13px 0;
    }

    .about_img.container_img {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

    .AboutInfor-text p.P-text {
        text-align: center;
    }
    /* .about_img.container_img:hover .overlay_text {
        width: 100% !important;
        height: 97.4vh;
    }
.about_img .overlay_text {
    width: 0;
    height: auto;
    background: rgba(53, 53, 53, 0.85);
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    text-align: center;
    overflow: hidden;
    transition: 0.7s ease;
}
    .about_img .overlay_text .hover-text {
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        color: #fff;
        font-size: 18px;
    }*/
    .layer-dotted-gray {
        background: linear-gradient(90deg,#f8f8f9 12px,transparent 1%) 50%,linear-gradient(#f8f8f9 12px,transparent 1%) 50%,#ccc;
        background-size: 14px 14px;
    }

    section#inforBG-img h2 {
        font-size: 36px;
        font-weight: 500;
    }

    #inforBG-img li {
        width: 24%;
        display: inline-block;
        padding: 0;
    }

    .Infor-ERP h1.header-colorRed {
        font-size: 36px;
    }

    .Infor-ERP p.P-text {
        text-align: center;
    }

    section#inforBG-img li h1 {
        font-size: 36px;
        margin-bottom: 10px;
    }

    div#inforCSIbutton .button-section {
        width: 200px;
    }

        div#inforCSIbutton .button-section a.btn {
            width: 100%;
            font-weight: 400;
        }



    /* BROCHURES CLOUD ECOSYSTEM */
    /* ecosystem page image hover effect */
    section#inforbrochure .strategy.Cloud-Ecosystem .content {
        position: absolute;
        bottom: 6px;
        left: 2%;
        width: 96%;
        height: 50px;
        background: rgba(0,0,0,.7);
        transition: 0.5s;
        overflow: hidden;
        box-sizing: border-box;
    }

    section#inforbrochure .strategy.Cloud-Ecosystem .BD-box:hover .content {
        width: 96%;
        height: 96%;
        bottom: 2%;
        left: 2%;
    }



    /* ecosystem page image hover effect END */

    #inforbrochure h1.header-colorRed {
        font-size: 36px;
    }

    .strategy .BD-box {
        position: relative;
        width: 25%;
        height: 400px;
        background: #333;
        box-shadow: 0px 15px 20px rgba(0,0,0,.5);
        border: 1px solid #9f9d9f;
        display: inline-block;
        margin: 30px;
    }

        .strategy .BD-box:hover {
            border: 1px solid #9f9d9f;
        }

    section#inforbrochure .strategy .BD-box .img-box {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

        section#inforbrochure .strategy .BD-box .img-box img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: 0.5s;
        }

    section#inforbrochure .strategy .BD-box:hover .img-box img {
        opacity: 0.9;
    }

    section#inforbrochure .strategy .content {
        position: absolute;
        bottom: 6px;
        left: 2%;
        width: 96%;
        height: 50px;
        background: #333;
        transition: 0.5s;
        overflow: hidden;
        box-sizing: border-box;
    }

    section#inforbrochure .strategy .BD-box:hover .content {
        width: 100%;
        height: 100%;
        bottom: 0;
        left: 0;
    }

    #inforbrochure .strategy .content h3 {
        color: #FFF;
        font-size: 12px;
        text-align: center;
        font-weight: 500;
        margin: 17px;
        padding-top: 0px;
    }

    #inforbrochure .strategy .BD-box:hover .content h3 {
        font-size: 16px;
        text-align: left;
        margin-bottom: 10px;
    }

    #inforbrochure .strategy .content h4 {
        color: #FFF;
        font-size: 18px;
        text-align: center;
        line-height: 20px;
        margin: 15px;
    }

    #inforbrochure .strategy .content h5 {
        color: #FFF;
        font-size: 15px;
        text-align: left;
        line-height: 18px;
        margin: 15px;
    }

    #inforbrochure .strategy .content p {
        font-size: 11.5px;
        margin: 5px 15px;
        padding: 0;
        text-align: left;
        color: #fff;
        height: 180px;
        overflow: hidden;
        opacity: 0;
        transition: 0.5s;
    }

    #inforbrochure .strategy .BD-box:hover .content p {
        opacity: 1;
        transition-delay: 0.3s;
    }

    #inforbrochure .strategy .BD-box .content ul {
        margin: 0 5px 5px 30px;
    }

    .strategy .BD-box .content ul li {
        font-size: 10px;
        margin: 0;
        padding: 0;
        text-align: left;
        color: #fff;
        list-style-type: disc;
        opacity: 0;
        transition: 0.5s;
    }

    .strategy .BD-box:hover .content li {
        opacity: 1;
        transition-delay: 0.3s;
    }

    .strategy .BD-box .content .button-section {
        width: 70%;
        position: absolute;
        bottom: -100%;
        left: 10px;
        overflow: hidden;
    }

    .BD-box:hover .content .button-section {
        width: 70%;
        position: absolute;
        left: 10px;
        bottom: 2%;
        overflow: hidden;
        transition-delay: 0.8s;
        transition: 0.5s;
    }

    .strategy .BD-box .content a.btn.onhover {
        width: 100%;
        font-size: 13px;
        text-align: left;
        float: left;
        color: #FFFD0A;
        padding: 4px 12px;
    }

    .lpBtnIcon {
        background-attachment: scroll;
        background-image: url(https://dev1.saibsolutions.com/images/download_icon.png);
        background-repeat: no-repeat;
        background-position: center center;
        width: 14px;
        height: 13px;
        display: flex;
        vertical-align: baseline;
        padding-left: 10px;
        text-indent: -9999px;
        text-align: right;
        float: right;
        top: 3px;
        position: relative;
    }

    /* Infor Cloud Ecosystem */
    #inforCloudEcosystem .PS span.image {
        float: left;
        width: auto;
    }

    #inforCloudEcosystem .PS {
        width: 520px;
        float: none;
        display: inline-block;
        margin-bottom: 25px;
        text-align: center;
    }

        #inforCloudEcosystem .PS span.image img.img-fluid {
            width: 72px !important;
            margin-right: 0;
        }

    #inforCloudEcosystem h2 {
        font-size: 36px;
        font-weight: 500;
        color: #D52027;
        width: auto;
        margin: 13px 0;
    }

    .button-section.singelbtn a.btn.onhover.yellow-btn {
        width: 100%;
    }

    .singelbtn a.text-btn.text-colorRed {
        font-size: 16px;
        font-weight: 500;
    }

    .singelbtn {
        text-align: left;
        margin-left: 8%;
        margin-top: 20px;
    }
    /*4boxdesign*/

    section#CloudSuiteDetails .PS {
        margin-bottom: 40px;
    }

    header-colorwhite {
        color: #FFF;
    }

    .fullwidth-4box {
        width: 100%;
        display: inline-block;
    }

        .fullwidth-4box .col-sm-3 {
            display: inline-flex;
            width: 24%;
            /*border-right: 1px solid #ddd;*/
            height: 420px;
        }

            .fullwidth-4box .col-sm-3.BX:hover {
                box-shadow: 0px 15px 20px rgba(0,0,0,.3);
            }

            .fullwidth-4box .col-sm-3:last-child {
                border-right: 0px solid #ddd;
            }

    .imgandtext-box .image-sec {
        height: 96px;
        margin-bottom: 25px;
        margin-top: 25px;
    }

    .content-box h4 {
        height: 60px;
        padding: 0 10px;
        text-align: left;
        font-size: 22px;
    }

    .content-box ul {
        padding-left: 20px;
        margin-top: 15px;
    }

        .content-box ul li {
            text-align: left;
            list-style-type: disc;
            font-size: 16px;
            line-height: 24px;
        }

    footer {
        margin-top: -4px;
    }

    #inforCT {
        margin-top: 0;
        padding-bottom: 0;
        margin-bottom: -4px;
    }

/* Homepage 4box design css */
.businesses .fullwidth-4box .col-sm-3 {
    height: 550px;
}
.businesses h1.header-colorwhite {
    font-size: 40px;
}
.businesses .fullwidth-4box .content-box ul li {
    text-align: left;
    list-style-type: disc;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 8px;
    /* font-weight: 100; */
}
.businesses p.text-center {
    font-weight: 300;
    margin-top: 20px;
}
.button-section.mgt15px.Eco-CT-btn.Small a {
    font-weight: 100 !important;
}



#CloudSuiteDetails h1.header-colorwhite {
    font-size: 40px;
}
.button-section.mgt15px.Eco-CT-btn a {
    font-weight: 100 !important;
}

    /* 6-box section */
    .strategy.Cloud-Ecosystem .BD-box {
        position: relative;
        width: 25%;
        height: 400px;
        background: #333;
        box-shadow: 0px 4px 9px rgba(0,0,0,.3);
        border: 1px solid #9f9d9f;
        display: inline-block;
        margin: 0;
    }

    #inforbrochure .strategy.Cloud-Ecosystem h1.header-colorRed {
        font-size: 36px;
        padding-bottom: 20px;
    }

.strategy.Cloud-Ecosystem .img-box h2 {
    font-size: 30px;
    color: #FFF;
    /*z-index: 999999;*/
    z-index: 999;
    position: relative;
    font-weight: 600;
    text-shadow: 0px 2px 3px rgba(0,0,0,1);
    left: 0;
    top: 5%;
    opacity: 1;
    text-align: left;
    padding: 15px;
}

    .strategy.Cloud-Ecosystem .BD-box:hover .img-box img {
        opacity: 1;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .img-box.boxtext-1 h2 {
        opacity: 0;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .img-box.boxtext-2 h2 {
        opacity: 0;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .img-box.boxtext-3 h2 {
        opacity: 0;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .img-box.boxtext-4 h2 {
        opacity: 0;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .img-box.boxtext-5 h2 {
        opacity: 0;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .img-box.boxtext-6 h2 {
        opacity: 0;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .content h3 {
        font-size: 22px;
        text-align: center;
        margin-top: 50px;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .content h5 {
        font-size: 18px;
        text-align: center;
        /* margin-top: 50px;*/
        margin: 50px 15px 15px;
    }

    .strategy.Cloud-Ecosystem .BD-box .content {
        position: absolute;
        bottom: 6px;
        left: 2%;
        width: 96%;
        height: 50px;
        background: rgba(0,0,0, .5);
        transition: 0.5s;
        overflow: hidden;
        box-sizing: border-box;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .content {
        width: 96%;
        height: 97%;
        bottom: 6px;
        left: 6px;
        background: rgba(0,0,0,0.72);
    }

    .strategy.Cloud-Ecosystem .content h3 {
        color: #FFF;
        font-size: 14px;
        text-align: center;
        font-weight: 500;
        margin: 17px 10px;
        padding-top: 0px;
    }

    .strategy.Cloud-Ecosystem .content h5 {
        color: #FFF;
        font-size: 18px;
        text-align: center;
        line-height: 28px;
        margin: 30px;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .content .button-section {
        width: 70%;
        position: absolute;
        left: 15%;
        bottom: 5%;
        overflow: hidden;
        transition-delay: 0.8s;
        transition: 0.5s;
    }

    .strategy.Cloud-Ecosystem .BD-box:hover .content a.btn.onhover {
        width: 100%;
        font-size: 13px;
        text-align: center;
        color: #FFFD0A;
        padding: 4px 12px;
    }

    /* new css design update 260819 */
    #inforbrochure .strategy.Cloud-Ecosystem.row h1.header-colorRed {
        font-size: 36px;
        padding-bottom: 20px;
        text-align: center;
        width: 100%;
    }

    .strategy.Cloud-Ecosystem.row .col-md-4 {
        padding: 5px;
    }

    .strategy.Cloud-Ecosystem.row .BD-box {
        box-shadow: none;
        width: 100%;
    }

    .strategy.Cloud-Ecosystem .BD-box.comon-box {
        /*  height: 272px !important;*/
        height: 179px !important;
        margin-bottom: 3px;
    }

    .strategy.Cloud-Ecosystem.row .BD-box:hover .content {
        width: 96%;
        height: 96%;
        bottom: 6px;
        left: 2%;
        background: rgba(0,0,0,0.72);
    }

        .strategy.Cloud-Ecosystem.row .BD-box:hover .content h5 {
            font-size: 16px;
            text-align: center;
            margin-top: 0;
            margin: 26px 15px 15px;
        }

        .strategy.Cloud-Ecosystem.row .BD-box:hover .content .button-section {
            width: 42%;
            position: absolute;
            left: 30%;
            bottom: 5%;
            overflow: hidden;
            transition-delay: 0.8s;
            transition: 0.5s;
        }

    .strategy.Cloud-Ecosystem .BD-box.C:hover .content {
        width: 96%;
        height: 97.6%;
        bottom: 6px;
        left: 2%;
        background: rgba(0,0,0,0.72);
    }

        .strategy.Cloud-Ecosystem .BD-box.C:hover .content h3 {
            font-size: 22px;
            text-align: center;
            margin-top: 105px;
        }

        .strategy.Cloud-Ecosystem .BD-box.C:hover .content h5 {
            font-size: 23px;
            text-align: center;
            margin-top: 45px !important;
            margin: 22px 20px 15px;
        }

    .strategy.Cloud-Ecosystem.row .BD-box.C {
        height: 553px;
        padding: 0;
        margin: 0;
    }

    /* factory-track */
    .row h3.hedtext {
        width: 100%;
        text-align: left;
        margin-top: 25px;
        margin-bottom: 15px;
        font-weight: 500;
        color: #444;
    }

    .header-colorwhite {
        color: #fff !important;
    }

    .back-link {
        font-size: 16px;
        text-align: left;
        margin-top: 25px;
        margin-bottom: 0;
    }

    /* infor CSI */
    .button-section.infor-CSI {
        text-align: left;
        float: left;
    }

    .infor-CSI a.btn.onhover {
        width: auto;
    }

    .infor-CSI a.btn.onhover {
        width: auto;
        font-size: 14px !important;
    }

    #inforCSI-1sec .PS.infor {
        width: 100%;
    }

    .PS.infor .textcolor-white {
        color: #FFF;
    }

    /* info csi VIdeo css*/
    .Videotext span.header h4 {
        text-align: left;
        margin: 15px 0;
        font-size: 24px;
    }

    #inforVideosec .button-section.Video-RaD-btn a.btn.readmore-btn {
        width: 100%;
        font-weight: 100;
    }

        #inforVideosec .button-section.Video-RaD-btn a.btn.readmore-btn:hover {
            background-color: #d20021 !important;
            color: #FFFFFF !important;
            border: 1px solid #d20021 !important;
            transition: .5s;
            transition: background-color .5s ease-out,color .5s ease-out;
        }

    #videoBox.box {
        background-color: #1a1a1a;
    }

    /*.panel-heading a.close {
    color: #fff;
    opacity: 1;
    padding: 0 10px;
    font-weight: 400;
}*/
    .panel-heading a.close {
        color: #333;
        opacity: 1;
        padding: 0 10px;
        font-weight: 600;
        top: -14px !important;
        position: relative;
        font-size: 26px;
    }

    #DataServise .PSvideo .P-text {
        text-align: justify;
        font-size: 16px;
        display: inline-block;
    }
    /* inforCSI Day life section */
    section#CSIR .col-md-12 {
        padding: 0;
        margin: 0;
        height: 100%;
    }
    /*.CSI-resorce ul {
    margin: 0;
    list-style-type: none;
    display: block;
    position: relative;
    top: -60px;
}*/
    .CSI-resorce ul li {
        display: inline-block;
        padding: 12px;
        border: 3px solid #444;
        border-radius: 50%;
        margin: 0 40px;
    }

        .CSI-resorce ul li a img {
            transition: .7s;
        }

    .img-sec .container_img img {
        display: block;
        width: 100%;
        /* height: auto;*/
        height: 100%;
    }

    .CSI-resorce ul li:hover a img {
        opacity: .92;
        transition: .7s;
        transform: scale(1.1);
    }

    .CSI-resorce ul li.img1:hover {
        border: 3px solid #86C320;
        transition:;
        transform: rotate();
    }

    .CSI-resorce ul li.img2:hover {
        border: 3px solid #FFBE01;
        transition:;
        transform: rotate();
    }

    .CSI-resorce ul li.img3:hover {
        border: 3px solid #3AC6FA;
        transition:;
        transform: rotate();
    }

    .CSI-resorce ul li.img4:hover {
        border: 3px solid #C80118;
        transition:;
        transform: rotate();
    }

    .CSI-resorce ul li.img5:hover {
        border: 3px solid #EF7C33;
        transition:;
        transform: rotate();
    }

    .texthover {
        position: absolute;
        top: 13px;
        text-align: center;
        margin-left: -2px;
        line-height: 14px;
        font-size: 10px;
        color: #fff;
        opacity: 0;
        background-color: rgba(0,0,0,.8);
        height: 103px;
        border-radius: 50%;
        width: 103px;
    }

    .CSI-resorce ul li a:hover .texthover {
        opacity: 1;
    }

    .CSI-resorce .texthover p {
        position: relative;
        top: 20%;
        padding: 5px;
        line-height: 13px;
    }

    .img-CDE .texthover p {
        top: 30%;
    }

    /* customer-testimonials */
    #inforCloudEcosystem .PS.CT {
        width: 690px;
        float: none;
        display: inline-block;
        margin-bottom: 25px;
        text-align: center;
    }

    .videobox.col-md-4 .text-content {
        margin-top: 0;
        margin-bottom: 32px;
        height: auto;
        text-align: left;
    }

    .textlink a.btn.readmore-btn {
        background-color: transparent;
        border-color: transparent;
        border: none !important;
        /* color: #fff; */
    }

    #inforCT .strategy.customer-testimonials .text-content p.textlink a.btn.readmore-btn:hover {
        color: #FFF !important;
    }

    .strategy.customer-testimonials h1 {
        font-size: 36px;
    }

    .video-box5 {
        width: 32%;
        display: inline-table;
    }

    .text-content {
        margin-top: 15px;
        margin-bottom: 32px;
        height: 220px;
        text-align: left;
    }

    .whitecolor-text {
        color: #fff;
        margin-bottom: 45px;
    }

    .text-content h3 {
        margin-bottom: 25px;
        font-size: 20px;
        font-weight: 600;
    }

    .text-content h5 {
        font-size: 18px !important;
        font-weight: 500;
    }

    .text-content p {
        font-size: 16px;
        line-height: 20px;
    }

    ul.submenu {
        padding-left: 20px;
    }

    /* RequestMeeting CSS */
    .PS.DigitalJourney h2 {
        width: auto !important;
        text-align: center !important;
        margin: 0 auto !important;
        float: none !important;
    }

    .button-section.submit.RMbtn input.btn.btn-successs {
        background-color: #F8F60A;
        color: #282828;
        border: 1px solid #F8F60A !important;
        font-family: 'Montserrat', sans-serif !important;
        font-size: 16px;
        border-radius: 0;
    }

        .button-section.submit.RMbtn input.btn.btn-successs:hover {
            background-color: #218838;
            color: #FFF;
            border: 1px solid #218838 !important;
            font-family: 'Montserrat', sans-serif !important;
            font-size: 16px;
            border-radius: 0;
        }



.button-section.mgt15px.Eco-CT-btn {
    width: auto;
    margin-top: 55px;
}
.button-section.mgt15px.Eco-CT-btn a.btn.onhover {
    width: 50%;
    font-weight: 400;
}
   /* .button-section.mgt15px.Eco-CT-btn {
      width: 46.6%;
        margin-top: 55px;
    }*/

    @media screen and (min-width: 1025px) and (max-width: 1400px) {
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .col-sm-6 {
            display: inline-block;
            flex: 50%;
            max-width: 50%;
        }
    }

    @media screen and (min-width: 640px) and (max-width: 1024px) {
        .col-md-4.col-sm-3 {
            max-width: 50% !important;
            flex: 100% !important;
        }

        .col-md-2.col-sm-3 {
            display: none;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 767px) {
        .col-xs-12 {
            display: inline-block;
            flex: 100%;
            max-width: 100%;
        }
    }


    @media screen and (min-width: 1024px) and (max-width: 1200px) {
        .CSI-resorce ul li {
            display: inline-block;
            padding: 12px;
            border: 3px solid #444;
            border-radius: 50%;
            margin: 0 10px;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 992px) {
        section#CSIR {
            display: none;
        }

        CSI-daylife {
            padding: 45px 15px;
        }

        .container-fluid.CSI-daylife .col-md-7.col-sm-12.img-sec {
            width: 100%;
            max-width: 100%;
            display: contents;
        }

        .container-fluid.CSI-daylife .col-md-5.col-sm-12.img-text {
            max-width: 100%;
            display: contents;
        }

        .strategy.customer-testimonials .videobox {
            display: inline-block;
            max-width: 100%;
            flex: 100%;
            margin-bottom: 25px;
        }

            .strategy.customer-testimonials .videobox .fullwidth {
                height: 350px;
            }

        .strategy.customer-testimonials .text-content {
            margin-top: 0;
            margin-bottom: 32px;
            height: 100%;
            text-align: left;
            max-width: 100%;
            flex: 100%;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 640px) {
        .strategy.customer-testimonials .videobox .fullwidth {
            width: 100%;
            height: 100%;
        }

        .col-md-4.col-sm-3 {
            max-width: 100% !important;
            flex: 100% !important;
        }

        .col-md-2.col-sm-3 {
            display: none;
        }
    }


    @media screen and (min-width: 1200px) and (max-width: 2400px) {
        /*#CRM-1sec .PS.infor h2 {
    width: 470px;
}*/
        #CSIR .row {
            display: inline-block;
        }

        .CSI-resorce ul li {
            display: inline-block;
            padding: 12px;
            border: 3px solid #444;
            border-radius: 50%;
            margin: 0 40px;
        }

        #CloudSuiteIndustrial .PS.infor {
            width: 700px;
        }

        #factorytrack-1sec .PS.infor {
            width: 750px;
        }

        #CRM-1sec .PS.infor {
            width: 480px;
        }

        #ION-1sec .PS.infor {
            width: 840px;
        }

        #inforMing-1sec .PS.infor {
            width: 730px;
        }

        #CPQ-1sec .PS.infor {
            width: 580px;
        }

        #inforBI .PS.infor {
            width: 880px;
        }

        #inforCSI-1sec .PS.infor h2 {
            text-align: left;
        }

        #inforCloudEcosystem.discovery .PS {
            width: 426px;
            float: none;
            display: inline-block;
            margin-bottom: 25px;
            text-align: center;
        }
    }

    .md-none {
        display: none;
    }


    /* infor-cloudsuite-industrial 260819 */
    .PS.infor {
        width: auto;
        /* width: 700px;*/
        float: none;
        display: inline-block;
        margin-bottom: 25px;
        text-align: center;
    }

        .PS.infor span.image img.img-fluid {
            width: 72px !important;
            margin-right: 10px;
        }

        .PS.infor h2 {
            font-size: 36px;
            font-weight: 500;
            color: #D52027;
            width: auto;
            margin: 13px 0;
        }

    .Videotext h2.header-colorRed {
        text-align: left;
        font-weight: 500;
        font-size: 36px;
    }

    .container_img.videosec {
        height: 100%;
        /* overflow: visible; */
    }

    .modal-body.videosec {
        padding: 0;
    }

    .container_img.videosec .embed-responsive.embed-responsive-16by9 {
        display: contents;
    }

    .VideoIcon {
        background-attachment: scroll;
        background-image: url(https://dev1.saibsolutions.com/images/VideoIcon.png);
        background-repeat: no-repeat;
        background-position: center center;
        width: 14px;
        height: 13px;
        display: flex;
        vertical-align: baseline;
        padding-left: 10px;
        text-indent: -9999px;
        text-align: right;
        float: right;
        top: 3px;
        position: relative;
    }

    .BD-box:hover .content.video .button-section {
        width: 50%;
    }

    .content.video h5 {
        margin: 17px;
    }

    .content.video p {
        margin: 17px;
    }

    .AboutInfor-text .text-center {
        text-align: center !important;
        display: inline-block;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
    }

    .text-center {
        text-align: center !important;
        display: inline-block;
        font-size: 18px;
        line-height: 24px;
        font-weight: 400;
    }

    section#CloudSuiteDetails {
        margin-top: 0;
        margin-bottom: -4px !important;
    }

    #InforRUNNING {
        margin-top: 0;
        margin-bottom: -1px;
    }

    .Infor-RUNNING h1 {
        font-size: 36px;
    }

    #InforRUNNING .btn.onhover.contact-btn {
        background-color: #282828;
        color: #fff;
        font-weight: 300;
    }

    #inforCSIbutton h3 {
        font-size: 20px;
        font-weight: 300;
        margin-top: 25px;
    }

    #InforRUNNING .button-section {
        margin-top: 15px;
    }

    @media screen and (min-width: 640px) and (max-width: 1024px) {
        .fullwidth-4box {
            width: 100%;
            display: inline-block;
            height: 100%;
            margin-bottom: 30px;
        }
        .fullwidth-4box .col-sm-3.BX {
            max-width: 49%;
            height: 390px;
            width: 49%;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 639px) {
        .fullwidth-4box .col-sm-3.BX {
            max-width: 100%;
        }
    }
    /* HR text */
    /*.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: .9;
}
    .hr-text:before {
        content: '';
        background: linear-gradient(to right, transparent, #818078, transparent);
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        height: 4px;
    }
    .hr-text:after {
        content: attr(data-content);
        position: relative;
        display: inline-block;
        padding: 0 .5em;
        line-height: 0.5em;
        color: #D71E24;
        background-color: #fff;
        font-size: 36px;
        font-weight: 600;
    }*/
    #hrline h1.header-colorRed {
        font-weight: 600 !important;
        font-size: 36px;
    }
    /* RequestADemo Discovery Section CSS */
    /* RequestADemo Discovery Section CSS */
    .QA-section button.btn.btn-link {
        width: 100%;
        text-align: left;
        border: none !important;
        color: #282828;
        text-decoration: none;
        font-size: 16px;
        font-family: 'Montserrat', sans-serif !important;
        letter-spacing: normal;
    }

    .QA-section .card {
        margin-bottom: 15px;
    }

    .QA-section .card-header button.btn:before {
        font-family: 'Glyphicons Halflings';
        content: "\e114";
        float: left;
        margin-right: 5px;
        transition: all 0.5s;
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    .QA-section .card-header.active button.btn:before {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    .QA h1.header-colorRed {
        font-size: 36px;
        margin-bottom: 40px;
    }

    #QA-BTN .button-section {
        width: 150px;
    }

    #QA-BTN a.btn.onhover.contact-btn {
        width: 100%;
    }


    /* Infor Cloud Ecosystem RESponsive css add 290819 */
    @media screen and (min-width: 320px) and (max-width: 1024px) {
        .strategy.Cloud-Ecosystem .img-box h2 {
            font-size: 22px;
        }

        #inforbrochure .strategy .content h5 {
            color: #FFF;
            font-size: 12px;
        }

        #inforbrochure .strategy .content h5 {
            color: #FFF;
            font-size: 12px;
        }

        .strategy.Cloud-Ecosystem.row .col-md-4 {
            padding: 0;
        }

        .strategy .BD-box {
            position: relative;
            width: 300px;
            height: 400px;
            background: #333;
            box-shadow: 0px 15px 20px rgba(0,0,0,.5);
            border: 1px solid #9f9d9f;
            display: inline-block;
            margin: 10px;
        }

        #inforBG-img li {
            width: 300px;
            display: inline-block;
            padding: 0;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) {
        .strategy.Cloud-Ecosystem.row .BD-box:hover .content .button-section {
            width: 50%;
            position: absolute;
            left: 25%;
        }
        #CPQ-1sec.section.section-xxl .row .col-md-2.col-sm-12 {
            display: none;
        }
        #factorytrack-1sec .col-md-3.col-sm-12 {
            display: none;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 992px) {
        .col-md-6.col-sm-12.img-sec {
            flex: 100%;
            max-width: 100%;
        }

        .col-md-6.col-sm-12.img-text {
            max-width: 100%;
            flex: 100%;
        }

        .md-none {
            display: block;
        }

        .sm-none {
            display: none;
        }
    }

    @media screen and (min-width: 640px) and (max-width: 992px) {
        section#CPQ-1sec .PS.infor {
            width: 630px;
            float: none;
            display: inline-block;
            margin-bottom: 25px;
            text-align: center;
        }

        #CPQ-1sec .PS.infor h2 {
            width: auto;
        }

        .fullwidth-4box .col-sm-3 {
            display: inline-flex;
            width: 100%;
            /* border-right: 1px solid #ddd; */
            height: auto;
            margin-bottom: 15px;
            max-width: 300px;
            /* padding: 0; */
        }

        .PS.infor h2 {
            font-size: 36px;
            font-weight: 500;
            color: #D52027;
            width: auto;
            margin: 13px 0;
            float: left;
        }
    }

    @media screen and (min-width: 480px) and (max-width: 767px) {
        .strategy.Cloud-Ecosystem .BD-box.comon-box {
            height: 300px;
        }

        .strategy.Cloud-Ecosystem.row .BD-box.C {
            height: 400px;
            padding: 0;
            margin: 0;
        }

        .PS.infor {
            width: 100%;
        }

            .PS.infor h2 {
                font-size: 26px;
            }
    }

    @media screen and (min-width: 320px) and (max-width: 767px) {
        .strategy.Cloud-Ecosystem.row .BD-box:hover .content .button-section {
            width: 40%;
            position: absolute;
            left: 30%;
        }

        #inforCloudEcosystem .PS {
            width: 320px;
        }

        #inforCloudEcosystem h2 {
            font-size: 26px;
            font-weight: 500;
            color: #D52027;
            float: left;
            margin-left: 0;
        }

        #inforCloudEcosystem h2 {
            width: 73%;
            margin-left: 10px;
            text-align: left;
        }

        #inforCloudEcosystem .PS span.image {
            float: left;
            width: 60px;
        }

        #inforbrochure .strategy.Cloud-Ecosystem.row h1.header-colorRed {
            font-size: 28px;
            padding: 15px;
        }
        .strategy.Cloud-Ecosystem.row .BD-box {
            box-shadow: none;
            width: 90%;
        }

        .md-none {
            display: block;
        }

        .sm-none {
            display: none;
        }

        #inforCloudEcosystem .PS.CT {
            width: 100%;
            float: none;
            display: inline-block;
            margin-bottom: 25px;
            text-align: center;
        }
    }

@media screen and (min-width: 480px) and (max-width: 768px) {
    #inforCloudEcosystem .PS {
        width: 400px !important;
    }
    #inforCloudEcosystem h2 {
        width: 80% !important;
        margin-left: 0 !important;
        text-align: left;
    }
    .strategy.Cloud-Ecosystem .BD-box.comon-box {
        height: 250px !important;
        margin-bottom: 3px;
    }
    .strategy.Cloud-Ecosystem.row .BD-box {
        box-shadow: none;
        width: 95% !important;
    }
    #inforCloudEcosystem .PS.CT {
        width: 100% !important;
        float: none;
        display: inline-block;
        margin-bottom: 25px;
        text-align: center;
    }
}

    @media screen and (min-width: 320px) and (max-width: 478px) {
        .strategy.Cloud-Ecosystem .BD-box.comon-box {
            height: 300px;
        }

        .strategy.Cloud-Ecosystem.row .BD-box.C {
            height: 400px;
            padding: 0;
            margin: 0;
        }

        .section .col-md-12 {
            padding:;
        }

        .PS span.image {
            float: left;
            width: 60px;
        }

        .PS.infor {
            width: 100%;
        }

            .PS.infor h2 {
                font-size: 25px;
                font-weight: 500;
                color: #D52027;
                width: 80%;
                margin: 13px 0;
                float: left;
            }

        #inforBI .col-md-12 {
            padding: 0;
        }

        #inforCloudEcosystem .PS.CT h2 {
            margin: 0 0 0 10px;
        }

        #inforbrochure .col-md-12 {
            padding: 0;
        }

        .Videotext h2.header-colorRed {
            text-align: left;
            font-weight: 500;
            font-size: 26px;
        }

        .col-md-5.col-sm-12.img-sec {
            padding: 0;
        }

        .col-md-7.col-sm-12.img-text {
            padding: 0;
        }

        section#infor-about h2 {
            font-size: 32px;
            font-weight: 400;
            color: #D52027;
            width: auto;
            margin: 13px 0;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 480px) {
        .strategy.customer-testimonials h1 {
            font-size: 32px !important;
        }

        .AboutInfor-text .text-center {
            text-align: justify !important;
            display: inline-block;
            font-size: 18px;
            line-height: 24px;
            font-weight: 400;
        }

        .PS.infor h2 {
            font-size: 24px;
            font-weight: 600 !important;
            text-align: left;
            color: #D52027;
            width: 80%;
            margin: 5px 0 !important;
            float: left !important;
        }

        #inforCloudEcosystem .PS {
            width: 100% !important;
        }

            #inforCloudEcosystem .PS h2 {
                width: 80%;
                margin-left: 0;
                text-align: left;
                margin: 0;
            }

        .AboutInfor-text p.P-text {
            text-align: justify;
        }

        .button-section.RDbtn a.btn.onhover.readmore-btn {
            width: 100% !important;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 638px) {
        .fullwidth-4box .col-sm-3 {
            display: inline-flex;
            width: 100%;
            /* border-right: 1px solid #ddd; */
            height: auto;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 680px) {
        .strategy.Cloud-Ecosystem .BD-box.comon-box {
            height: 300px;
        }

        .strategy.Cloud-Ecosystem.row .BD-box.C {
            height: 400px;
            padding: 0;
            margin: 0;
        }



        #inforBI .col-md-12 {
            padding: 0;
        }

        #inforbrochure .col-md-12 {
            padding: 0;
        }



        .Videotext h2.header-colorRed {
            text-align: left;
            font-weight: 500;
            font-size: 26px;
        }

        .col-md-5.col-sm-12.img-sec {
            padding: 0;
        }

        .col-md-7.col-sm-12.img-text {
            padding: 0;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 360px) {
        .strategy .BD-box {
            position: relative;
            width: 270px !important;
            height: 400px;
            background: #333;
            box-shadow: 0px 15px 20px rgba(0,0,0,.5);
            border: 1px solid #9f9d9f;
            display: inline-block;
            margin: 10px;
        }
    }



    /* InforCloud-Ecosystem END CSS */


    @media screen and (max-width: 767px) {
        .menushow {
            width: 75%;
        }
    }

    @media screen and (max-width: 480px) {
        .menushow {
            width: 100%;
            opacity: .96;
        }

        body {
            width: 100%;
            max-width: 100%;
            margin: 0;
            padding: 0;
        }
    }

    @media screen and (min-width: 1920px) and (max-width: 2400px) {
        .section.sec2 {
            width: 100%;
            float: left;
            height: 100%;
            /*  margin-top: 26vh !important;*/
        }
        .sidenavR.menutext.menushow {
            width: 35% !important;
        }
        .menushow {
            width: 35% !important;
            z-index: 999999999;
        }
    }

    @media screen and (min-width: 1200px) and (max-width: 1600px) {
        .section.sec2 {
            width: 100%;
            float: left;
            height: 100%;
            /*  margin-top: 18.3vh !important;*/
        }
        .menushow {
            width: 40% !important;
            z-index: 999999999;
        }
    }

    @media screen and (min-width: 776px) and (max-width: 992px) {
        .menushow {
            width: 75% !important;
        }

        .menu-line {
            display: none;
        }

        .logotext {
            font-size: 17px;
            color: #FFF;
            margin-left: 10px;
            float: left;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 992px) {

        .col-md-5.col-sm-12.img-sec {
            width: 100%;
            max-width: 100%;
            flex: auto;
        }

        .col-md-7.col-sm-12.img-text {
            width: 100%;
            max-width: 100%;
            flex: auto;
        }

        .container_img:hover .overlay_text {
            width: 100%;
            height: 100%;
        }

        .col-md-7.col-sm-12.Partnership-text {
            width: 100%;
            max-width: 100%;
            flex: auto;
        }

        .dpnone-md {
            display: block;
            margin-bottom: 30px;
        }

        .dpnone-lg {
            display: none;
        }

        .button-section {
            width: auto;
        }

        .box p.OW-text {
            padding: 5px 20px;
            height: 350px;
            color: #FFF;
        }

        .popup {
            width: 70%;
            left: 15%;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 992px) {
        .container {
            max-width: 100%;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 767px) {
        .logo a {
            display: block;
            width: 100%;
        }

        .logo {
            text-align: left;
            width: 100%;
            display: grid;
        }

        .saibslogo .logo a {
            display: inline-block;
            width: 100%;
            float: left;
        }

        .menu-line {
            display: none;
        }

        .slidertext h1 {
            margin-top: 35px;
            font-size: 46px;
            padding-bottom: 0;
        }

        span.slidertext {
            display: block;
            position: relative;
            top: 0;
            color: #fff;
            font-size: 18px;
        }

        .footer-saibs {
            text-align: center !important;
        }

        .footer-cloud {
            text-align: center !important;
        }
        /* Get in Touch */
        .button-section {
            width: auto;
            padding: 5px;
            background-color: #222222;
            margin: 0 auto;
            margin-top: 15px;
            display: inline-block;
        }

            .button-section a.btn {
                border-radius: 0;
                font-size: 16px;
                padding: 6px 12px;
                width: 50%;
                float: left;
            }

        #OW .button-section {
            width: auto;
            padding: 5px;
            background-color: #222222;
            margin: 0 auto;
            margin-top: 32px;
            display: inline-block;
        }

            #OW .button-section a.btn {
                border-radius: 0;
                font-size: 16px;
                padding: 6px 16px;
                width: 50%;
                float: left;
            }

        .dpnone-md {
            display: block;
            margin-bottom: 30px;
        }

        .dpnone-lg {
            display: none;
        }

        .mb-none {
            display: none;
        }

        #Contactus .col-md-6.col-sm-6:first-child {
            border-right: 0px solid #ddd;
        }

        #Contactus .col-md-6.col-sm-6:last-child {
            border-left: 0px solid #ddd;
        }

        #whyus4section .box {
            width: 100%;
            margin-bottom: 25px;
        }

        .box p.OW-text {
            padding: 5px 20px;
            height: auto;
            color: #FFF;
        }

        .Cus p {
            width: 70%;
            float: right;
            display: block;
            position: relative;
            top: 6px;
            line-height: 20px;
            font-size: 16px;
            font-weight: 400 !important;
            margin: 0;
        }
    }

    @media screen and (min-width: 500px) and (max-width: 665px) {
        .menu-show {
            text-align: right;
            float: right;
            position: relative;
            top: -65px;
        }
    }

    @media screen and (min-width: 500px) and (max-width: 665px) and (orientation: landscape) {
        .menu-show {
            text-align: right;
            float: right;
            position: relative;
            top: -10px !important;
        }
    }

    @media screen and (min-width: 480px) and (max-width: 767px) {
        section.work-cards.leaders-list ul li {
            width: 250px !important;
        }

        section.work-cards article header .title {
            font-size: 16px !important;
            line-height: 20px !important;
        }

        section.work-cards article header .blurb {
            -ms-transform: translateY(50%);
            transform: translateY(50%);
            font-size: 16px !important;
            line-height: 1.1;
            bottom: 20px !important;
            color: #fff;
            opacity: 0;
            position: absolute;
            padding: 0 10% 12% 5%;
            margin-left: -20px;
        }

        .container_img:hover .overlay_text {
            width: 100%;
            height: 100%;
        }

        .overlay_text .hover-text {
            width: 100%;
        }

        .Cus p {
            width: 70%;
            float: right;
            display: block;
            position: relative;
            top: 15px;
            line-height: 20px;
            font-size: 16px;
            font-weight: 400 !important;
            margin: 0;
        }

        .popup {
            width: 70%;
            left: 15%;
        }
    }

    @media screen and (min-width: 480px) and (max-width: 545px) {
        .container_img:hover .overlay_text {
            width: 100%;
            height: 100%;
        }

        .overlay_text .hover-text {
            width: 315px;
        }

        .Cus p {
            width: 70%;
            float: right;
            display: block;
            position: relative;
            top: 15px;
            line-height: 20px;
            font-size: 16px;
            font-weight: 400 !important;
            margin: 0;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 479px) {
        .slidertext h1 {
            margin-top: 0 !important;
            font-size: 46px;
            padding-bottom: 0;
        }

        .menu-show {
            text-align: right;
            float: right;
            position: relative;
            top: -78px;
        }

        .logotext {
            font-size: 17px;
            color: #FFF;
            margin-left: 0;
            margin-top: 10px;
        }

        span.menuline {
            color: #FFF;
            position: relative;
            left: 10px;
            display: table;
            top: 4px;
        }

        .dpnone {
            display: none;
        }

        .Cus p {
            width: 70%;
            float: right;
            display: block;
            position: relative;
            top: 15px;
            line-height: 20px;
            font-size: 16px;
            font-weight: 400 !important;
            margin: 0;
        }

        .Cus p {
            width: 70%;
            float: right;
            display: block;
            position: relative;
            top: 15px;
            line-height: 20px;
            font-size: 16px;
            font-weight: 400 !important;
            margin: 0;
        }

        #Contactus .Cus li {
            display: inline-block;
            width: 100%;
            text-align: left;
            padding: 0;
            height: 55px;
            margin-bottom: 10px;
        }

        .popup {
            width: 80%;
            left: 10%;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 360px) {
        .menu-show {
            text-align: right;
            float: right;
            position: relative;
            top: -100px;
        }

        span.menu-text {
            display: none;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
        span.menu-line {
            display: none;
        }

        .saibslogo .logo a {
            display: inline-block;
            width: 100%;
        }
    }

    @media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
        #Contactus .Cus {
            border: 1px solid #ddd;
            padding: 5px 15px;
            display: inline-block;
            height: 100%;
        }
    }

    @media screen and (min-width: 414px) and (max-width: 515px) and (orientation: portrait) {
        .container_img:hover .overlay_text {
            width: 100%;
            height: 100%;
        }

        .overlay_text .hover-text {
            width: 354px;
        }
    }

    @media screen and (min-width: 600px) and (max-width: 767px) {
        #Contactus .Cus li {
            display: inline-block;
            width: 49%;
            text-align: left;
            padding: 0;
            height: 35px;
            margin-bottom: 10px;
        }

        #Contactus .col-md-6.col-sm-6:first-child {
            border-right: 0px solid #ddd !important;
        }

        .toggle.btn.btn-default.off {
            width: 83% !important;
        }

        #Contactus .Cus li .toggle-btn img.img-fluid.image {
            width: auto;
            float: left;
            height: 34px;
            margin-right: 5px;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 598px) {
        #Contactus .Cus li {
            display: inline-block;
            width: 100%;
            text-align: left;
            padding: 0;
            height: auto;
            margin-bottom: 15px;
        }
    }


    @media screen and (min-width: 768px) and (max-width: 1024px) {
        #Contactus .Cus li {
            display: inline-block;
            width: 100%;
            text-align: left;
            padding: 0;
            height: 55px;
            margin-bottom: 10px;
        }

        #Contactus .col-md-6.col-sm-6:first-child {
            border-right: 2px solid #ddd !important;
        }

        .Cus p {
            width: 70%;
            float: right;
            display: block;
            position: relative;
            top: 6px;
            line-height: 20px;
            font-size: 16px;
            font-weight: 400 !important;
            margin: 0;
        }
    }

    @media screen and (min-width: 375px) and (max-width: 414px) and (orientation: landscape) {
        .container_img:hover .overlay_text {
            width: 100%;
            height: 100%;
        }

        .overlay_text .hover-text {
            width: 354px;
        }
    }

    @media screen and (min-width: 375px) and (max-width: 414px) and (orientation: portrait) {
        .container_img:hover .overlay_text {
            width: 100%;
            height: 100%;
        }

        .overlay_text .hover-text {
            width: 315px;
        }
    }

    @media screen and (min-width: 375px) and (max-width: 414px) and (orientation: landscape) {
        .container_img:hover .overlay_text {
            width: 354px;
            height: 354px;
        }

        .overlay_text .hover-text {
            width: 354px;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 360px) and (orientation: portrait) {
        .container_img:hover .overlay_text {
            width: 100%;
            height: 100%;
        }

        .overlay_text .hover-text {
            width: 260px;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 360px) and (orientation: landscape) {
        .container_img:hover .overlay_text {
            width: 100%;
            height: 100%;
        }

        .overlay_text .hover-text {
            width: 300px;
        }
    }


    @media screen and ( max-width: 450px) {
        .sidenav, .sidenavR {
            padding-top: 15px;
        }

            .sidenav a, .sidenavR a {
                font-size: 18px;
            }
    }
    /* cloud CSS */
    #OurERP h1.header-colorRed {
        font-size: 36px;
        padding: 0 15px;
    }

    #OurERP .col-md-4.col-sm-12 {
        margin-bottom: 15px;
    }

    .content.box {
        border: 1px solid #ccc;
        background-color: #FBFCFC;
    }

        .content.box h3.headtext {
            font-size: 20px;
            margin: 0;
            transition: 0.7s;
            transition-delay: 0.3s;
        }

        .content.box:hover h3.headtext {
            background-color: darkorange;
            transition-delay: 0.3s;
        }

    .datali ul.PP li {
        background: rgba(0, 0, 0, 0) url(https://dev1.saibsolutions.com/images/marker_7.jpg) no-repeat scroll left 7px;
        color: #282828;
        font-size: 16px;
        font-weight: normal;
        line-height: 25px;
        padding-left: 15px;
    }

        .datali ul.PP li span {
            font-size: 27px;
            line-height: 25px;
            font-weight: 700;
            vertical-align: middle;
            position: relative;
            top: -3px;
            margin-right: 5px;
            display: none;
        }

    .content.box .datali {
        padding: 15px 0;
    }

    #OurERP .row {
        margin-bottom: 20px;
    }

    #OurERP .dxt h3 {
        font-size: 22px;
        background-color: #ddd;
        padding: 15px;
        margin-top: 25px;
    }

        #OurERP .dxt h3 span {
            color: #D81E24;
        }

    #OurERP .two-image h3.header-color {
        font-size: 24px;
        font-weight: 500;
        padding: 15px;
        background-color: #333;
        color: #fff;
    }

    #OurERP .two-image p {
        margin-top: 25px;
    }














    @media screen and (min-width: 1920px) and (max-width: 2400px) {
        .CloudSME-menulogo a {
            width: 85%;
            display: inline-block;
        }

        .CloudSME-menulogo.menutext p {
            font-family: 'Montserrat', sans-serif !important;
            font-size: 6px;
            position: relative;
            left: 0;
            border-bottom: 2px solid #C00000;
            text-align: left;
            margin-left: 44px;
            width: 80%;
            display: inline-block;
            margin-bottom: 0;
        }

        .header-menu.cloudhome.inner.slidemenu .CloudSME-menulogo.menutext.saibs p {
            font-family: 'Montserrat', sans-serif !important;
            font-size: 6px;
            position: relative;
            left: 0;
            border-bottom: 2px solid #C00000;
            text-align: left;
            margin-left: 23px;
            width: 80%;
            display: inline-block;
            margin-bottom: 0;
            line-height: 6px;
        }
        #mySidenavR.sidenavR.menutext.menushow {
            width: 35% !important;
        }
        #innerheader .menu-show span.menuline {
            color: #FFF;
            position: relative;
            left: 10px;
            display: table;
            top: 12px;
        }
    }

    @media screen and (min-width: 1400px) and (max-width: 1920px) {
        .CloudSME-menulogo a {
            width: 85%;
            display: inline-block;
        }

        .CloudSME-menulogo.menutext p {
            font-family: 'Montserrat', sans-serif !important;
            font-size: 6px;
            position: relative;
            left: 0;
            border-bottom: 2px solid #C00000;
            text-align: left;
            margin-left: 30px;
            width: 80%;
            display: inline-block;
            margin-bottom: 0;
        }

        .header-menu.cloudhome.inner.slidemenu .CloudSME-menulogo.menutext.saibs p {
            font-family: 'Montserrat', sans-serif !important;
            font-size: 6px;
            position: relative;
            left: 0;
            border-bottom: 2px solid #C00000;
            text-align: left;
            margin-left: 33px;
            width: 84%;
            display: inline-block;
            margin-bottom: 0;
            line-height: 6px;
        }
        #mySidenavR.sidenavR.menutext.menushow {
            width: 35% !important;
        }
        #innerheader .menu-show span.menuline {
            color: #FFF;
            position: relative;
            left: 10px;
            display: table;
            top: 12px;
        }
    }

    @media screen and (min-width: 320px) and (max-width: 767px) {
    }

    @media screen and (min-width: 320px) and (max-width: 360px) {
        div#videoBox.box.in {
            width: 100%;
        }

        #videoBox iframe {
            width: 100%;
            height: auto;
        }
    }

/* Cookies CSS */
.cookiesCSS {
    position: absolute;
    float: right;
    right: 0px;
    background-color: rgba(40,40,40,0.96);
    z-index: 99;
    border-radius: 4px;
    box-shadow: 0px 4px 30px #000;
    top: 68%;
    display: block;
    height: 220px;
}
.cookies {
    width: 250px;
    padding: 15px;
    margin-bottom: 10px;
    height:220px;
    display: inline-block;
}
    .cookies p {
        text-align: justify;
        color: #ddd;
        line-height: 1.3;
        font-size: 12px;
    }
.btn-section {
    margin: 0 auto;
    text-align: center;
    margin-top: 15px;
}
    .btn-section .btn.btn-success {
        color: #fff;
        background-color: #218838;
        border-color: #218838 !important;
    }
.acceptcookies {
    display: none;
    visibility: visible;
}

#cookiesdirective {
    display: none;
}
@media screen and (min-width: 320px) and (max-width: 1024px) {
    #cookieWarnBox {
        height: 100px;
    }
        #cookieWarnBox .text {
            width: 100%;
        }
}