.slider1{}

.slider1 .carousel-caption{background:#ffffff50; left:0; right:0; top:0; bottom:0; text-align:left;text-shadow: none;font-family: 'Raleway';}

.slider1 .carousel-caption .cap-img{text-align:center;}
.slider1 .carousel-caption p{font-size:2.2em;margin-bottom:20px; margin-top:10%; }
.slider1 .carousel-caption h1{margin-bottom:40px; font-weight:bold; font-size:4em;}
.slider1 .carousel-caption h1>span{color:#fad508;margin-left:5px;}
.slider1 .carousel-caption h1>sup{font-size:.5em; margin-left:5px;}
.slider1 .carousel-caption a.animated{ background:#e40b73; display:inline-block; padding:10px 60px 10px 20px; color:#fff; position:relative;border-radius:10px; box-shadow:0 2px 3px #555; transition:.2s;}
.slider1 .carousel-caption a.animated h3{font-size:2em; font-weight:bold}
.slider1 .carousel-caption a.animated>small{font-size:1.3em;}
.slider1 .carousel-caption a.animated>span{ position:absolute; right:5%; top:30%;background:rgba(0,0,0,0.3);  height:30px; width:30px; text-align:center; line-height:2.3em; border-radius:20px;}
.slider1 .carousel-caption a.animated>span>i{font-size:1.2em;}
.slider1 .carousel-caption a.animated:hover{background:#f33490;box-shadow:0 -2px 3px #555;}

.mainbody{ padding:20px 0;}
.body-box1{ text-align:center; padding:40px 0; min-height:300px; overflow:hidden;}
.body-box1 h2{font-size:1.5em; margin-bottom:20px; color:#555; }
.body-box1 h3{font-size:1.3em;font-weight:bold;margin-bottom:10px;}
.body-box1 a{color:#4bb9d9;font-size:1.2em; transition:.5s;}
.body-box1 a:hover{color:#f00;font-size:1.2em;}

.body-box2{ padding:45px 50px;min-height:300px; overflow:hidden;}
.body-box2 a{color:#000; margin:20px 0; margin-top:0; display:block;}
.body-box2 a h3 {
    font-size: 1.5em;
    position: relative;
    border-bottom: 1px dashed #bbb;
    padding-bottom: 15px;
}
.body-box2 a span{position:absolute; right:50px; top:0;}
.body-box2 a i{color:#f00;}

.body-box4{ padding:40px 0;min-height:300px; overflow:hidden;}
.body-box4>a{color:#4bb9d9; display:block; font-size:2em; text-decoration:underline!important;transition:.5s; margin-bottom:10px}
.body-box4 span>a{color:#fff; background:#2e70be; padding:8px 25px; display:inline-block;margin:30px; margin-top:20px; margin-left:0; border-radius:10px; transition:.5s;}
.body-box4 span>a:hover{background:#3186ea}

.footer{background:#eee; padding:10px;}
.copyright{display:inline-block; margin:0 10px;}
.copyright label{color:#999; font-size:1.1em; }
.copyright span{display:inline-block;margin-left:10px; height:30px; width:30px; background:#4bb9d9;text-align:center; border-radius:30px; line-height:2em;}
.copyright span i{color:#fff}
.copyright img{width: 120px;height: 35px;}


@media (max-width:1600px)
{
   .slider1 .carousel-caption p{font-size:1.8em}
   .slider1 .carousel-caption h1{font-size:3.5em}
   .body-box2 a span{right:0px;}
}

@media (max-width:1440px)
{
 .body-box2 {
        padding: 40px 30px;;
}   
.body-box4 {padding: 30px 0;}
.body-box4 span>a{ margin:10px;}
.slider1 .carousel-caption p {font-size: 1.5em; margin-top:5%;}
}

@media (max-width:1366px)
{
.body-box4>a{font-size:1.6em}
.body-box4 span>a{margin:0px}
.body-box1 h2 {font-size: 1.3em;}
.body-box1 a{font-size:1em;}
}

@media (max-width:1280px)
{
 .slider1 .carousel-caption h1{font-size:3em}   
 .body-box2 {padding: 40px 20px;}
 .slider1 .carousel-caption a h3{font-size:1.5em;}
 .slider1 .carousel-caption a small{font-size:1em;}
}

@media (max-width:1152px)
{
    .body-box2 a h3 {font-size: 1.3em;}
    .body-box4 span>a{padding: 8px 15px;}
    .body-box1 h2 {font-size: 1.1em;}
    .body-box1 a{font-size:.9em;}
    .slider1 .carousel-caption p {font-size: 1.3em; margin-top:5%;}
}
@media (max-width:1024px)
{
.slider1 .carousel-caption p {font-size: 1.1em;margin-bottom:15px;}
 .slider1 .carousel-caption h1{font-size:2.5em; margin-bottom:15px;}   
.body-box2 a h3 {font-size: 1.1em;}
.body-box4>a {font-size: 1.3em;}
.body-box4 span>a {padding: 5px 10px; border-radius:5px;}
.body-box1 h2 {font-size: 1em;}
}

@media (max-width:768px)
{
.body-box1, .body-box2, .body-box4{ min-height:120px; text-align:left;padding:0;}  
.slider1 .carousel-caption p {font-size: .9em;margin-bottom:10px;}
 .slider1 .carousel-caption h1{font-size:2em; margin-bottom:10px;}  
  .slider1 .carousel-caption a h3{font-size:1.2em;}
 .slider1 .carousel-caption a small{font-size:.8em;}
}

@media (max-width:425px)
{
.menu .navbar-toggle .icon-bar{background:#fff}
.menu .navbar-toggle{border:1px solid #fff}
}