﻿/*============ Start Inner Slider ============*/

#Inner_Slider {width: 50%;position: absolute;z-index: 999;top: 20%;text-align: center;margin-right: 25%;margin-left:25%;}
#Inner_Slider .carousel-indicators{visibility:hidden;}
#Inner_Slider .carousel-indicators li{width:12px;height:12px;margin-bottom:-8px;background-color:#9a9a9a}
#Inner_Slider .carousel-indicators .active{background-color:#81d5bd;}
/*#Inner_Slider .carousel-inner{ width: 100%;float:left; position: relative;}*/

/*============ End Inner Slider ============*/


/*============ Start Slider ============*/

#Slider{width:100%; float:left;position:relative}
    #Slider img {
        width: 100%;
        height: 100vh;
        object-fit: cover;
    }
.Slider{position:relative;}
.Slider_Content{width:100%;float:left;background-color: rgba(45, 185, 154, 0.78);padding:1% 2% 1% 2%;height:100px;}
/*.Slider_Content h2{color:#FFFFFF;font-family:"Open Sans", Arial, sans-serif;;font-size:1.65rem;margin-bottom:0px;white-space: nowrap;padding:15px 0 15px 0;}*/
.Slider_Content h1{font-size: 18px;text-transform: uppercase;float: left;font-weight: 400;
}
.Heading_CArousel {
    color:#fff;
}
.Slider_Content span{color:#FFFFFF;font-size:24px;}
.carousel-control i{font-size:40px;color:#27599a;}
.Bg_Width .col-md-4{float:left;}
.carousel-indicators li{position: relative;-ms-flex: 0 1 auto;flex: 0 1 auto; width: 18px;height: 18px;margin-right: 3px;margin-left: 3px; border-radius: 50px;text-indent: -999px;cursor: pointer;background-color:#bdc3c7;}
#Slider .carousel-indicators .active{background-color:#FFFFFF;}
#Slider .carousel-indicators li{width:18px;height:18px; background-color:#d2d2d2}

.carousel-control-prev-icon{background:url("../../images/slide-arrows.png");height:45px;width:30px}
.carousel-control-next-icon{background:url("../../images/slide-arrows.png");height:45px;width:30px;background-position:right}
/*============ End Slider ============*/

/*  =========================================================*/
/*                  Media Quieries Desktop                   */
/*  =========================================================*/



@media (min-width:321px) and (max-width:360px) {

    .Slider_Content h2 {
        font-size: 21px;
    }

    #Inner_Slider {
        left: 3%;
        top: 10%;
    }

    .Slider_Content span {
        font-size: 16px;
    }

    .Slider_Content {
        height: 180px;
    }
}


@media (min-width:361px) and (max-width:400px) {

    .Slider_Content h2 {
        font-size: 24px;
    }

    #Inner_Slider {
        left: 2.5%;
        top: 10%;
    }

    .Slider_Content span {
        font-size: 16px;
    }

    .Slider_Content {
        height: 180px;
    }
}


@media (min-width:401px) and (max-width:420px) {

    .Slider_Content h2 {
        font-size: 26px;
    }

    #Inner_Slider {
        left: 4%;
        top: 10%;
    }

    .Slider_Content span {
        font-size: 18px;
    }

    .Slider_Content {
        height: 180px;
    }
}


@media (min-width:421px) and (max-width:480px) {


    .Slider_Content h2 {
        font-size: 26px;
    }

    #Inner_Slider {
        left: 5%;
        top: 10%;
    }

    .Slider_Content span {
        font-size: 18px;
    }

    .Slider_Content {
        height: 180px;
    }
}


@media (min-width:481px) and (max-width:620px) {

    .Slider_Content h2 {
        font-size: 28px;
    }

    #Inner_Slider {
        left: 8.5%;
        top: 10%;
    }

    .Slider_Content span {
        font-size: 20px;
    }
}


@media (min-width:621px) and (max-width:767px) {

    .Slider_Content h2 {
        font-size: 36px;
    }

    #Inner_Slider {
        left: 10%;
        top: 10%;
    }
}

@media (min-width:768px) and (max-width:991px) {

    .Slider_Content h2 {
        font-size: 36px;
    }

    #Inner_Slider {
        left: 18%;
    }
}

@media (min-width:992px) and (max-width:1023px) {


    .Slider_Content h2 {
        font-size: 40px;
    }

    #Inner_Slider {
        left: 22%;
    }
}

@media screen and (max-width:768px) {
    .Slider_Content h2 {
        font-size: 14px !important;
        padding-top: 31px !important;
        font-weight: bold !important;
    }

    #Inner_Slider {
        width: 80% !important;
        margin-right: 0 !important;
        margin-left: 10% !important;
        left: 0 !important;
    }
}

@media screen and (min-width: 1024px) {
#Inner_Slider {top:33%;}
.selector-btn {font-size:9px!important;}
.Heading_CArousel {padding-top:10px;font-size:20px;} 
}
@media screen and (min-width: 1280px) {
#Inner_Slider {top:33%;}
.Slider_Content {height:150px;}
.selector-btn {font-size:12px!important;}
.Heading_CArousel {font-size:1.5em;padding-top: 30px;} 
}
@media screen and (min-width: 1366px) {
#Inner_Slider {top:33%;}
.Heading_CArousel {padding-top:30px!important;} 
.Slider_Content {height:150px;}
}
@media screen and (min-width: 1440px) {
#Inner_Slider {top:19%;}
.Heading_CArousel {padding-top:30px;} 
}
@media screen and (min-width: 1600px) {
#Inner_Slider {top:18%;}
.Slider_Content {height:150px; padding-top:15px;}
.Heading_CArousel {padding-top:30px;}
}
@media screen and (min-width: 1920px) {
#Inner_Slider {top:20%;}
.Heading_CArousel {padding-top:30px;}
}

