.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
    opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
        left: 0;
        opacity: 0;
        z-index: 1;
    }
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
}


/*

  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."

  Need to override the 3.3 new styles for modern browsers & apply opacity

*/

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }



    .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }



        .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
        }
}





/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
.content-slider {
        height: 75%;
    }

}



@media (max-width: 1199px) {

}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{
        /*height: 541px;*/
}
.carousel-indicators{
        /*left: 65%;*/
        text-align: center;
}

/* Responsive */
@media only screen and (max-width: 400px) and (min-width: 300px) {

.bg-img{
    height: 350px !important;
    width: 100% !important;
}
.img_content_para{
    margin-top: 10px !important;
    font-size: 11px !important;
    line-height: 1.5em !important;
}
.img_content_header{
    font-size: 14px !important;
     
}
.img_content{
    /*bottom: 150px !important;*/
    margin-top: 0px !important;
    /*margin-left: 5px !important;*/
}
.home_right, .container-fluid, .home_right_row{
        /*height: 350px !important;*/
}
.img_content_enq{
    margin-top: 10px !important;
    font-size: 11px;
}
.carousel-indicators{
        left: 50%;
        text-align: center;
}
.gallery_title{
      color: #626263;
      font-size: 15px !important;
    }
.gallery_tap_mob{
        font-size: 11px !important;
    }

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .thumbnail a>img, .thumbnail>img{
    /* height: 220px !important; */
    width:100% !important;
}
.pagination{
        margin: 0px 0 !important;
}
}
.carousel-indicators1 {
    left: 85%;
    /* text-align: center; */
}
@media (min-width: 768px){
}
@media (max-width: 1024px){
    }

/*Suresh*/
.home_projects {padding:25px 0px 10px 0px}
.home_projects p{padding:0px 0px 16px 0px;font-weight:600}
.home_projects p.heading{font-size:11px;}
.home_projects .view_btn{padding:16px 0px;}


@media (min-width: 768px) {
}

@media (min-width: 1280px) {
}

@media (min-width: 1440px) {
}

@media (min-width: 1600px) {
}

@media (min-width: 1800px) {
}
@media (max-width: 768px) {
}


@media (min-width: 1200px)
{
}

@media (min-width: 768px)
{
}


@media (max-width: 767px)
{
}

@media only screen and (max-width: 400px) and (min-width: 300px) {
    .home_projects_container .row{
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
}

.camera_pag {
    position: absolute;
    /* right: 16%; */
    bottom: 0%;
    left: 49%;
    /*left: 50%;*/
    transform: translate(-50%, -50%);
    z-index: 1;
}
/*.camera_pag {position: absolute;right: 16%;bottom: -8px;}*/

.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont
{
    background: rgb(34, 34, 34, 0.7) !important;
}

/*.camera_commands {top:inherit !important;bottom:5px !important;background: transparent !important;right:185px;right:185px !important}*/
.camera_commands{    
    top: inherit !important;
    bottom: 0.5% !important;
    background: transparent !important;
    right: 185px;
    left: 52%!important;
    /*left: 55%!important*/;
}
.camera_wrap .camera_pag .camera_pag_ul li{background: #fff !important;border: solid 1px #000 !important;height:14px !important;width:14px !important;}
/*.camera_wrap .camera_pag .camera_pag_ul li{background: #fff !important;border: solid 1px #000 !important;height:14px !important;width:14px !important;}*/
.camera_wrap .camera_pag .camera_pag_ul li:hover > span{background: #ffffff !important;border-radius: 5px;height: 13px;left: 0px;overflow: hidden;position: absolute;top: 0px;width: 13px;}
/*.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {    background: #DF0D7D !important;
    border-radius: 5px;
    height: 12px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 12px;}*/
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {    background: #DF0D7D !important;
    border-radius: 5px;
    height: 12.5px;
    left: 0px;
    overflow: hidden;
    position: absolute;
    top: 0px;
    width: 12.5px;}
.camera_prev {left:11px !important;}
.camera_next {right:11px !important;}

.camera_caption > div {padding:12px 20px 15px 20px !important;}

.camera_caption-bg img{width:20px}


@media (max-width: 767px)
{
    .camera_commands {right:15px !important;background:transparent !important;}
    .camera_wrap {margin-bottom:5px !important}
}

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

@media (min-width: 360px) and (max-width: 640px) {}

@media (min-width: 411px) and (max-width: 731px) {}


.fixedmenu {
    position: absolute;
    /* position: fixed; */
    top: 16%;
    background: #fff;
    height: auto;
    width: 23%;
    z-index: 10;
    right: 80px;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    padding: 10px 10px;
}
.fixedmenu h6{
    color: #000;
    font-family: 'Calibri';
    text-align: center;
    font-size: 13px;
    padding: 12px 0;
    border-bottom: 1px solid;
    margin: 0;
}
.fixedmenu img {
    width: 65px !important;
    margin: auto !important;
    display: block;
}

.fixedmenu a {
    text-align: center;
    margin: 15px auto 0 auto !important;
    display: block;
    background: #3B5998 !important;
    width: 90%;
    padding: 10px !important;
    color: #fff;
    font-family: 'calibri Regular' !important;
    font-size: 10px;
}
.fixedmenu a:hover{background-color: #718DC8;}
.line-bottom{border-bottom: 1px solid #000;margin: 3px 0px;}

/*.slide2{position: absolute;
    top: 20%;
    background: #fff;
    height: 60%;
    width: 25%;
    z-index: 1;
}*/

/*.slide2{margin: 6.5% 0;}*/
.slide2 h6 {
    /*font-family: Calibri;
    font-size: 19px;
    padding-bottom: 20px;
    color: #000;*/
    text-align: center;
    font-size: 14px;
    font-family: 'Calibri';
    /*position: fixed;*/
    /*position: absolute;*/
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom:-100px;
    /*bottom: 250%;*/
    line-height: 25px;
     width: 90%;
    background: #fff;
    color: #000;
    height: 59vh;
    margin: 20px 0;
    padding: 25px 0;
    /*padding: 40px 0;*/
    border: 2px solid #ccc;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
}
.slide2 h6 img {width: 80%;border: 1px solid #000;margin-bottom: 10px;}
.slide2 h6 a{
    text-align: center;
    margin: auto !important;
    display: block;
    background: #3B5998 !important;
    width: 80%;
    padding: 8px !important;
    color: #fff;
    font-family: 'calibri Regular' !important;
    font-size: 13px;
}
/*.slide3{margin: 8.3% 0;}*/
.slide3 img{width: 100px;
text-align: center;
    font-size: 14px;
    font-family: 'Calibri';
    /*position: fixed;*/
    /*position: absolute;*/
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom:-115px;
    /*bottom: 250%;*/
    line-height: 25px;
    width: auto;
    /*width: 95%;*/
    background: #fff;
    color: #000;
    height: 58vh;
    margin: 20px 0;
    padding: 40px 0;
    border: 2px solid #ccc;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);}

@media only screen and (min-width:1400px)
{
    .fixedmenu {
    position: absolute;
    /* position: fixed; */
    top: 15%;
    background: #fff;
    height: auto;
    width: 23%;
    z-index: 10;
    right: 80px;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    padding: 10px 10px;
}
.fixedmenu img {
    width: 75px !important;
    margin: auto !important;
    display: block;
}
.fixedmenu a{
    text-align: center;
    margin: 25px auto !important;
    display: block;
    background: #3B5998 !important;
    width: 90%;
    padding: 10px !important;
    color: #fff;
    font-family: 'calibri Regular' !important;
    font-size: 11px;
}
/*.slide2 {margin:3.95% 0;}*/
/*.slide2 {margin:5.3% 0;}*/
.slide2 h6 {
    text-align: center;
    font-size: 14px;
    font-family: 'Calibri';
    /* position: fixed; */
    /* position: absolute; */
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -140px;
    /* bottom: 250%; */
    line-height: 25px;
    width: 90%;
    background: #fff;
    color: #000;
    height: 58vh;
    margin: 20px 0;
    padding: 30px 0;
    border: 2px solid #ccc;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
}
/*.slide3 {margin:6.9% 0;}*/
/*.slide3 {margin: 8.3% 0;}*/
.fixedmenu h6 {
    color: #000;
    font-family: 'Calibri';
    text-align: center;
    font-size: 15px;
    padding: 15px 0;
    border-bottom: 1px solid;
    margin: 0;
}
.fixedmenu a {
    text-align: center;
    margin: 18px auto 0px auto !important;
    display: block;
    background: #3B5998 !important;
    width: 90%;
    padding: 10px !important;
    color: #fff;
    font-family: 'calibri Regular' !important;
    font-size: 11px;
}
.fixedmenu a:hover{background-color: #718DC8;}
}
@media only screen and (min-width: 1600px){
.fixedmenu a {
    text-align: center;
    margin: 18px auto auto !important;
    display: block;
    background: #3B5998 !important;
    width: 90%;
    padding: 10px !important;
    color: #fff;
    font-family: 'calibri Regular' !important;
    font-size: 10px;
}
.fixedmenu img {
    width: 75px !important;
    margin: auto !important;
    display: block;
}
.fixedmenu {
    position: absolute;
    /* position: fixed; */
    top: 15%;
    background: #fff;
    height: auto;
    width: 21%;
    z-index: 10;
    right: 80px;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    padding: 20px 10px;
}
/*.slide2 {margin: 5.9% 0;}
.slide3 {margin: 8.5% 0;}*/
}

@media (max-width: 768px){
.carousel-indicators1 {
    left: 50%;
    /* text-align: center; */
}
.camera_pag {
    position: absolute;
    right: unset;
    /*right: 16%;*/
    bottom: -16%;
    /*left: 48%;*/
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}
.camera_wrap .camera_pag .camera_pag_ul li {margin: 0px 8px !important;}
.camera_commands {
    right: 85px !important;
    background: transparent !important;
    left: 65% !important;
    /*left: unset !important;*/
}
.camera_play, .camera_stop
{
    position: absolute;
    top: 50px;
    
}
.camera_white_skin .camera_commands > .camera_play {
   display: none;
}
.slider-text h5 {
    text-align: center;
    font-size: 18px;
    font-family: 'Calibri';
    /* position: fixed; */
    position: absolute;
    left: 67%;
    transform: translate(-50%, -50%);
    bottom: -50px;
    /* bottom: 250%; */
    line-height: 40px;
    width: 100%;
    /* top: -134%; */
}
.slider-text h5 span{
    font-size: 15px;
    font-family: 'calibri Regular';
}
}
@media (max-width: 1280px) {
.fixedmenu a {
    text-align: center;
    margin: 10px auto auto auto !important;
    display: block;
    background: #3B5998 !important;
    width: 90%;
    padding: 10px !important;
    color: #fff;
    font-family: 'calibri Regular' !important;
    font-size: 9px;
}
.fixedmenu img {
    width: 55px !important;
    margin: auto !important;
    display: block;
}
.fixedmenu {
    position: absolute;
    /* position: fixed; */
    top: 18%;
    background: #fff;
    height: auto;
    width: 23%;
    z-index: 10;
    right: 80px;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
    padding: 10px 0;
}
.popup {
    position: fixed;
    /* width: 100%; */
    height: 100%;
    top: 0;
    background: rgba(45, 39, 31, 0.9);
    z-index: 1000;
    /* opacity: 0.8; */
    padding: 80px !important;
    /* padding: 120px 100px; */
}
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px){
.fixedmenu {
    position: absolute;
    /* position: fixed; */
    top: 10%;
    background: #fff;
    height: auto;
    width: 25%;
    z-index: 1;
    right: 80px;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
}
.fixedmenu h6 {
    color: #000;
    font-family: 'Calibri';
    text-align: center;
    font-size: 13px;
    padding: 18px 0;
    border-bottom: 1px solid;
    margin: 0;
}
.slide2 h6 {
    text-align: center;
    font-size: 14px;
    font-family: 'Calibri';
    /* position: fixed; */
    /* position: absolute; */
    position: relative;
    left: 50%;
    transform: translate(-50%, -50%);
    bottom: -19px;
    /* bottom: 250%; */
    line-height: 25px;
    width: 90%;
    background: #fff;
    color: #000;
    height: auto;
    margin: 20px 0;
    padding: 15px 0;
    /* padding: 40px 0; */
    border: 2px solid #ccc;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
}
}

@media only screen and (max-width:960px)
{
.fixedmenu h6 {
    color: #000;
    font-family: 'Calibri';
    text-align: center;
    font-size: 9px;
    padding: 8px 0;
    border-bottom: 1px solid;
    margin: 0;
}
.fixedmenu {
    position: absolute;
    /* position: fixed; */
    top: 25%;
    background: #fff;
     height: auto; 
    width: 25%;
    z-index: 1;
    right: 80px;
    box-shadow: 0 0px 10px 0 rgb(0 0 0 / 20%);
}
.fixedmenu a {
    text-align: center;
    margin: 15px auto !important;
    display: block;
    background: #3B5998 !important;
    width: 100%;
    padding: 5px 5px !important;
    color: #fff;
    font-family: 'calibri Regular' !important;
    font-size: 9px;
}
}
.gallery-item {
  position: relative;
}
.gallery-item .item-content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.carousel-item {
/*  padding: 15vw 0;*/
  background-size: cover;
  background-position: center;
  min-height: 30vw;
}
.slide-txt{
    text-align: center;
    font-size: 21px;
    font-family: 'Calibri';
    /* position: fixed; */
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    /* bottom: 0; */
    /* bottom: 250%; */
    line-height: 45px;
    width: 100%;
    top: 50%;
    color: #fff;
}
.slide-txt p{font-size: 21px;    font-family: 'Calibri';}