@media (min-width: 1200px){



.carousel-caption {

right: 20%;

left: 20%;

}



}



@media (max-width: 1199px){

.tab-box .text h4{

height: 2.8em;

}



.btn-custom{

bottom: 0px;

}



.carousel-caption {

right: 10%;

left: 10%;

}



.tab-box .text ul{

    padding-left: 15px;

}



.tab-box .text ul li span {

min-width: 160px;

}



}



@media (max-width: 992px){



.navbar-default .navbar-brand {

margin-right: 30px;

max-width: 250px;

margin-top: 25px;

}



.navbar-default .navbar-nav>li>a {

font-size: 16px;

padding: 10px;

}



section,

#ibbdf section {

overflow: hidden;

}



#ibbdf .skyblue .heading h2{

margin-right: 0px;

margin-left: 0px;

}



.tab-box .text h4,

.tab-box .text{

height: auto;

min-height: 30px;

text-align: left;

}



ul#video-listing {

padding-left: 60px;

margin-top: 50px;

}



.box-group .box:hover{

-webkit-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1);

}



.box-group .box{

padding: 30px 20px;

}



section.blue .box-group .box{

margin-bottom: 20px;

padding: 30px 10px;

min-height: 100px;

}



footer .top{

font-size: 30px;

margin: 0px 0px 40px;

}



section > .container > .heading h2{

font-size: 30px;

}
.section-1 .container .heading h2{

font-size: 30px;

}


p.sub-heading {

font-family: "Frutiger Next W02";

font-weight: 400;

font-size: 20px;

}



#carousel-content-1 .carousel-caption {

padding: 10px;

top: 0px;

position: relative;

background-color: #FFFFFF;

}



.carousel-inner .info-box .heading {

font-size: 35px;

}



#carousel-content-1 .carousel-caption .text {

font-size: 17px;

}



footer .bottom .heading{

font-size: 20px;

}



.navbar-default .navbar-nav>li>a{

margin-right: 0px;

padding-top: 10px;

padding-bottom: 10px;

padding-right: 15px;

margin-bottom: 10px;

margin-top: 10px;

}



.tab-box .image img:hover {

-webkit-transform: scale(1);

-moz-transform: scale(1);

-ms-transform: scale(1);

-o-transform: scale(1);

transform: scale(1);

}



.btn-custom {

z-index: 30;

bottom: 0px;



top: auto;

}



.carousel-caption{

right: 0;

left: 0;

padding: 0px;

bottom: 0px;

position: relative;

padding-top: 10px;

}



.carousel-indicators{

display: none;

}



.btn-custom {

left: 0;

}



.footer-logo {

margin-bottom: 20px;

text-align: center;

float: none !important;

top: 0px;

}



footer .bottom ul{

    margin-bottom: 50px;

}



#ibbdf .blue .heading .h2 {

color: #000000;

font-size: 29px;

}



#ibbdf .blue .heading {

margin: 30px 0px 30px 0px;

}



#ibbdf .section-1.blue .sub-heading {

font-size: 22px;

}



#ibbdf .skyblue .heading h2{

    font-size: 34px;

}



section.blue .box-group .box .icon{

    margin: auto;

    width: 240px;

    padding: 0px 30px;

}



.section-5 .box-group .box .heading {

padding-top: 10px;

}



.navbar-nav{

margin: 25px 0px;

}



.navbar-default .navbar-brand {

margin-top: 10px;

}





.box-group .box{

min-height: 100px;

}



body{

padding-top: 114px;

}



}



@media (min-width: 991px){



}



@media (max-width:767px) {



.carousel-control .glyphicon-chevron-right{

padding: 4px 9px 4px 11px;

}



.carousel-control .glyphicon-chevron-left{

padding: 4px 11px 4px 9px;

}



.carousel-control .icon-prev,

.carousel-control .icon-next,

.carousel-control .glyphicon-chevron-left,

.carousel-control .glyphicon-chevron-right {

top: 15%;

}



body {

padding-top: 54px;

}



.btn-custom {

left: 0;

}





.navbar-default .navbar-brand {

margin-top: 0px;

padding: 0px;

max-width: 164px;

}



.navbar-nav{

margin: 5px 0px;

}



section.blue .box-group .box{

min-height: auto;

}



.carousel-caption {

position: relative;

padding-top: 10px;

}



.carousel-indicators{

    display: none;

}



}



@media (min-width: 768px){





}



@media (max-width: 700px){



#carousel-content-1 .carousel-caption {

padding: 10px;

top: 0px;

background-color: rgba(255,255,255,0.9);

}



.carousel-inner .info-box .heading {

font-size: 20px;

}



#carousel-content-1 .carousel-caption .text {

font-size: 15px;

}



}





@media (max-width: 480px){



#carousel-content-1 .carousel-caption {

padding: 10px;

left: 0px;

right: 0px;

background-color: rgba(255,255,255,0.9);

}



.carousel-inner .info-box .heading {

font-size: 20px;

}



#carousel-content-1 .carousel-caption .text {

font-size: 15px;

}



.carousel-indicators{

display: none;

}





}

.carousel-control            { width:  4%; }
.carousel-control .left,.carousel-control .right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
    .slider1 .carousel-inner .active .left { left: -100%; }
    .slider1 .carousel-inner .next        { left:  100%; }
    .slider1 .carousel-inner .prev        { left: -100%; }
    .slider1 .carousel-inner .active > div { display:none; }
    .slider1 .carousel-inner .active > div:first-child { display:block; }
    .slider1 .carousel-inner .item-text {min-height: 262px;}
    .slider1 .cont-right{margin-right: -35px;}
    .slider1 .cont-left{margin-left: -35px;}
    .slider1 .download-button{
        bottom: 10px;
        right: 80px;
    }

}
@media (min-width: 767px) and (max-width: 992px ) {
    .slider1 .carousel-inner .active > div { display:none; }
    .slider1 .carousel-inner .active > div:first-child { display:block; }
    .slider1 .carousel-inner .active > div:first-child + div { display:block; }
    .slider1 .item-text {min-height: 242px;}
}
@media (min-width: 992px ) {
    .carousel-inner .active > div { display:none; }
    .carousel-inner .active > div:first-child { display:block; }
    .carousel-inner .active > div:first-child + div { display:block; }
    .carou-slider-2 .item-text {min-height: 192px;}
}
