/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/
.slider_heading{
    font-size: 45px!important;
    font-weight: 500 !important;
}
.side_info{
    margin-left: 11% !important;
}
.side_infoi{
    margin-left: 16% !important;
}
.side_infop{
    margin-left: 11% !important;
}
.goog-te-banner-frame{
    display:none !important;
    margin-left: 0% !important;
}
body {
    top: 0px !important; 
}
.err-msg{
    color:red;
}
.ScrollStyle
{
    max-height: 215px;
    overflow-y: scroll;
}
a.tag:hover{
    color: white !important;
}
.marginL{
    margin-left: 110px !important;
}
.marginR{
    margin-right: 110px !important;
}
.red{
    background-color: #fdb5b2; 

}
.gray{
    background-color: lightgrey; 
}
.hcolor:hover{
    color:RGB(255,11,0) !important;
}
.fsize{
        font-size: 14px;
}






/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .placing{
        margin-top: -42px !important;
    }
    .software{
        margin-top: 0px !important;
    }
    #header-wrap{
        margin-top: 0px;
        position: fixed !important
    }

    .slider_heading{
        font-size: 40px !important;
    }
    .mbabout{
        margin-bottom: 55px !important;
    }
    .company{
        padding-left: 15px !important;
        margin-bottom: 26px !important;
    }
    .heading-jumbo{
        font-size: 35px;
    }
    .captcha{
        margin-top: -3% !important;
    }
    .marginL{
        margin-left: 0px !important;
    }
    .marginR{
        margin-right: 0px !important;
    }
    .img-30{
        width: 100%;
        /*margin-left: 36% !important;*/
    }
    .img-50 {
        width: 100%;
        /* margin-left: 45px; */
    }
    .img-60 {
        width: 100%;
        /* margin-left: 45px; */
    }
    .img-70 {
        width: 100%;
        /* margin-left: 45px; */
    }
    .img-80 {
        width: 100%;
        /* margin-left: 45px; */
    }
    .mleft{
        margin-left: 0px !important;
}
} 

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .placing{
        margin-top: -42px !important;
    }
    .software{
        margin-top: 0px !important;
    }
    #header-wrap{
        margin-top: 0px;
        position: fixed !important
    }

    .mbabout{
        margin-bottom: 55px !important;
    }
    .company{
        padding-left: 15px !important;
        margin-bottom: 26px !important;
    }
    .heading-jumbo{
        font-size: 35px;
    }
    .captcha{
        margin-top: -3% !important;
    }
    .marginL{
        margin-left: 0px !important;
    }
    .marginR{
        margin-right: 0px !important;
    }
    .img-30{
        width: 100%;
        /*margin-left: 36% !important;*/
    }
    .img-50 {
        width: 100%;
        /* margin-left: 45px; */
    }
    .img-60 {
        width: 100%;
        /* margin-left: 45px; */
    }
    .img-70 {
        width: 100%;
        /* margin-left: 45px; */
    }
    .img-80 {
        width: 100%;
        /* margin-left: 45px; */
    }
    .mleft{
        margin-left: 0px !important;
}
.mtop{
    margin-top: -137px !important;
}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .placing{
        margin-top: 0px !important;
    }
.software{
        margin-top: 0px !important;
    }
    .company{
        padding-left: 15px !important;
        margin-bottom: 26px !important;
    }
    .captcha{
        margin-top: -7% !important;
    }
    .marginL{
        margin-left: 110px !important;
    }
    .marginR{
        margin-right: 110px !important;
    }
    .img-30{
        width: 30%;
        margin-left: 36% !important;
    }
    .img-50{
        width:50%;
        margin-left: 21% !important;
    }
    .img-60 {
        width: 60%;
        margin-left: 21% !important;
    }
    .img-70 {
        width: 70%;
        margin-left: 15% !important;
    }
    .img-80 {
        width: 80%;
        /* margin-left: 45px; */
    }
    .mleft{
        margin-left: 92px !important;
}

} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .placing{
        margin-top: 0px !important;
    }
    .software{
        margin-top: 0px !important;
    }
    .mbabout{
        margin-bottom: 55px !important;
    }
    .captcha{
        margin-top: -7% !important;
    }
    .marginL{
        margin-left: 110px !important;
    }
    .marginR{
        margin-right: 110px !important;
    }
    .img-30{
        width: 30%;
        margin-left: 36% !important;
    }
    .img-50{
        width:50%;
        margin-left: 21% !important;
    }
    .img-60 {
        width: 60%;
        margin-left: 21% !important;
    }
    .img-70 {
        width: 70%;
        margin-left: 15% !important;
    }
    .img-80 {
        width: 80%;
        /* margin-left: 45px; */
    }
    .mleft{
        margin-left: 92px !important;
}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .placing{
        margin-top: 0px !important;
    }
.software{
        margin-top: 0px !important;
    }
    .mbabout{
        margin-bottom: 55px !important;
    }
    .captcha{
        margin-top: -7% !important;
    }
    .marginL{
        margin-left: 110px !important;
    }
    .marginR{
        margin-right: 110px !important;
    }
    .img-30{
        width: 30%;
        margin-left: 36% !important;
    }
    .img-50{
        width:50%;
        margin-left: 21% !important;
    }
    .img-60 {
        width: 60%;
        margin-left: 21% !important;
    }
    .img-70 {
        width: 70%;
        margin-left: 15% !important;
    }
    .img-80 {
        width: 80%;
        /* margin-left: 45px; */
    }
    .mleft{
        margin-left: 92px !important;
}
}