@charset "utf-8";
/* CSS Document */

h1, h2, h3, h4, h5, h6, {
padding:0px;
margin:0px;
}
body { font-family: 'Open Sans', sans-serif; padding: 0px; list-style: none; }
.main { padding: 0px; margin: 0px; height: auto; }
.header { }
body { margin: 0; padding: 0; }
.body-container, .footer-container { max-width: 1366px; margin: 0 auto; }
.header-container .logo { float: left; margin-top: 0px; }
.logo .img-responsive { margin-top: 8px; }
.header-container .box-container { background: transparent; }
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { height: auto; float: left; margin: 3px 1px 3px 1px; padding: 1%; text-align: center; }
.box1 { background: #41b4ad; }
.box2 { background: #74ce76; }
.box3 { background: #b5a885; }
.box4 { background: #a29e9d; }
.box5 { background: #d1a4c5; }
.box6 { background: #ffb9af; }
.box7 { background: #edd885; }
.box8 { background: #FBA56A; }
.box9 { background: #877dc4; }
.box1 img { width: 25px; height: auto; }
.box2 img { width: 25px; height: auto; }
.box3 img { width: 25px; height: auto; }
.box4 img { width: 25px; height: auto; }
.box5 img { width: 25px; height: auto; }
.box6 img { width: 25px; height: auto; }
.box7 img { width: 25px; height: auto; }
.box8 img { width: 25px; height: auto; }
.box9 img { width: 25px; height: auto; }
.box1 h3, .box2 h3, .box3 h3, .box4 h3, .box5 h3, .box6 h3, .box7 h3, .box8 h3, .box9 h3 { font-size: 12px; color: #FFF; text-align: center; padding: 0; margin-top: 2px; }
.box1 h3:hover, .box2 h3:hover, .box3 h3:hover, .box4 h3:hover, .box5 h3:hover, .box6 h3:hover, .box7 h3:hover, .box8 h3:hover, .box9 h3:hover { color: #413737; }
.clear { clear: both; }
.login { font-family: 'Open Sans', sans-serif; left: 80% !important; top: 5%; position: absolute; }
.login li { display: inline; list-style: none; font-size: 14px; font-weight: 500; text-decoration: none; padding: 0px 0px 0px 8px; }
.login a { color: #000000; font-size: 12px; }
.submit { width: 96px; height: 40px; border-radius: 10%; border: #000000 solid 1px; }
.banner { position: relative; text-align: center; padding: 0px; margin: 0px; }
.banner ul li { list-style: none; }
.navbar-collapse { min-height: auto; padding-left: 0px !important; margin: 0; }
.form { padding-top: 20px; background: #c8c4c3; font-family: 'Open Sans', sans-serif; font-weight: 300; font-size: 18px; min-height: 80px; }
.services { background: #F0F0F0; min-height: 650px; padding: 25px 0 0 0; }
.category-1 h5 { font-family: 'Open Sans', sans-serif; padding-top: 5px; }
.category-1 p { font-weight: 550; font-family: 'Open Sans', sans-serif; font-size: 12px; }
.category-2 h5 { font-weight: 750; font-family: 'Open Sans', sans-serif; padding-top: 5px; }
.category-2 p { font-weight: 550; font-family: 'Open Sans', sans-serif; font-size: 12px; }
.services .caption h5 { font-family: 'Open Sans', sans-serif; font-size: 14px; color: #000000; }
.services .caption h3 { font-family: 'Open Sans', sans-serif; color: #d55524; font-size: 45px; font-weight: bold; }
.service-block { text-align: center; padding-top: 35px; }
.services .caption { padding-top: 20px; }
.category-1 { text-align: center; background: #FFFFFF; float: none;  padding : 20px 0px;  margin-top: 20px;}
/*.category-1 img { margin-top: 20px; }
.category-2 img { margin-top: 20px; }*/
.category-1 .real-estate img { width: 60px; height: 60px; border-radius: 50%; border: #ff6d6e solid 3px; padding: 10px; }
.category-1 .travel img { width: 60px; height: 60px; border-radius: 50%; border: #f8bb56 solid 3px; padding: 10px; }
.category-1 .food img { width: 60px; height: 60px; border-radius: 50%; border: #bdbc46 solid 3px; padding: 10px; }
.category-2 .service img { width: 60px; height: 60px; border-radius: 50%; border: #7accc8 solid 3px; padding: 10px; }
.category-1 .events-block img { width: 60px; height: 60px; border-radius: 50%; border: #0077a1 solid 3px; padding: 10px; }
.category-2 .home-needs img { width: 60px; height: 60px; border-radius: 50%; border: #6beb74 solid 3px; padding: 10px; }
.category-2 .health img { width: 60px; height: 60px; border-radius: 50%; border: #a46309 solid 3px; padding: 10px; }
.category-2 .electronics img { width: 60px; height: 60px; border-radius: 50%; border: #c58600 solid 3px; padding: 10px; }
.category-2 .automobiles img { width: 60px; height: 60px; border-radius: 50%; border: #8392cb solid 3px; padding: 10px; }
.category-2 .edu img { width: 60px; height: 60px; border-radius: 50%; border: #5a8033 solid 3px; padding: 10px; }
.category-2 .real-estate img { width: 60px; height: 60px; border-radius: 50%; border: #5a8033 solid 3px; padding: 10px; }
.category-2 { text-align: center; background: #FDFDFD; margin-top: 40px;  padding : 20px 0px;  }
.icon { }
.search { width: 110px; height: 35px; background: #272727; border: none; font-size: 14px; border-radius: 6%; color: #FFFFFF; font-weight: 500; }
.box { background: #FFFFFF; height: auto; padding: 0px; }
.btn { background: #f4744d; padding: 10px 0px; }
.roommates { background: #fcef89; min-height: 400px; }
.location { padding-top: 50px; }
.location img { width: 100%; }
.content { font-family: 'Open Sans', sans-serif; padding-top: 50px; margin: 0px; height: auto; }
.content h2 { color: #d65423; }
.content h4 { color: #000000; padding-top: 5px; }
.content p { font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 350; line-height: 30px; padding-top: 5px; }
.btn { background: #f4744d; padding: 10px 25px; margin-top: 30px; }
.event-one { padding-top: 50px; }
.event-two { padding-top: 50px; }
.events { background: url(../images/celeb.jpg) fixed no-repeat; background-position: center; background-size: cover; padding-top: 40px; min-height: 900px; }
.events h3 { font-family: 'Open Sans', sans-serif; color: #d65423; font-size: 40px; font-weight: bold; }
.events h5 { font-family: 'Open Sans', sans-serif; color: #000000; font-size: 16px; }
.details { background: #f0f0f0; min-height: 120px; max-width: 500px; width: 100%; }
.details p { font-weight: 400; font-family: 'Open Sans', sans-serif; color: #000000; padding-top: 10px; font-size: 14px; }
.about-events { height: auto; margin: 0 auto; padding: 0 auto; }
.liststrap { background: #f0f0f0; max-width: 530px; padding: 10px; margin-bottom: 10px; min-height: 140px; position: relative; }
.event-artists img { border-radius: 62px; width: 100%; }
.event-artists .caption h4 { font-size: 20px; color: #f15944; font-weight: bold; }
.btn-sale { width: 110px; height: 45px; background: #f4744d; color: #FDFDFD; font-size: 14px; border: none; border-radius: 5%; font-weight: 400; font-family: 'Open Sans', sans-serif; margin-right: 40px; margin-top: 20px; }
.button-up { }
.button-find { }
.buy-tickets { margin-top: 25px; }
.btn-find { width: 170px; height: 50px; background: #f15944; color: #000000; font-size: 14px; border: none; border-radius: 5%; font-weight: 400; font-family: 'Open Sans', sans-serif; }
.btn-up { width: 170px; height: 50px; background: #f36523; color: #000000; font-size: 14px; border: none; border-radius: 5%; font-weight: 650; font-family: 'Open Sans', sans-serif; }
.btn-buy { width: 115px; height: 35px; border: #565555 solid 2px; background: none; color: #000000; font-size: 12px; font-family: 'Open Sans', sans-serif; }
.btn-view { width: 95px; height: 40px; background: #f4744d; border: none; font-size: 14px; border-radius: 5%; color: #FFFFFF; font-weight: 500; margin-top: 40px; margin-bottom: 30px; font-family: 'Open Sans', sans-serif; }
.btn-room { width: 130px; height: 45px; background: #f4744d; border: none; font-size: 14px; border-radius: 5%; color: #FFFFFF; font-weight: 500; margin-top: 20px; font-family: 'Open Sans', sans-serif; margin-bottom: 20px; }
.btn-more { width: 170px; height: 45px; background: #f4744d; border: none; font-size: 14px; border-radius: 5%; color: #FFFFFF; font-weight: 500; margin-top: 20px; margin-bottom: 25px; font-family: 'Open Sans', sans-serif; }
.event-artists .caption h4 { color: #d55524; }
.artist-details { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 400; position: absolute; width: 100%; }
.artist-details h5 { font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: 600; padding-left: 100px; }
.artist-details p { font-family: 'Open Sans', sans-serif; font-size: 12px; font-weight: 500; padding-left: 100px; }
.artists-image { width: 90px; height: 90px; border-radius: 10%; border: none; margin-right: 10px; position: absolute; }
.find-jobs { padding-top: 110px; }
.jobs { background-image: url(../images/polygon.png); min-height: 350px; padding: 40px; margin: 0 auto; }
.jobs .caption { padding-top: 50px; }
.jobs .caption h3 { color: #F3F3F3; font-size: 35px; font-family: 'Open Sans', sans-serif; padding: 0px; }
.jobs .caption h4 { color: #000000; font-size: 25px; font-family: 'Open Sans', sans-serif; padding: 0px; }
.jobs .caption p { color: #F7F7F7; font-size: 16px; font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 400; padding: 0px; }
.travel-quotes { background: url(../images/travel.jpg) no-repeat; min-height: 550px; background-size: cover; }
.travel-quotes .caption h3 { font-family: 'Open Sans', sans-serif; text-align: center; padding-top: 60px; font-size: 45px; }
.travel-quotes .caption h5 { font-family: 'Open Sans', sans-serif; text-align: center; font-size: 14px; }
.travel-block { text-align: center; font-family: 'Open Sans', sans-serif; padding-top: 60px; }
.travel-block p { line-height: 20px; font-family: 'Open Sans', sans-serif; text-align: center; font-size: 12px; font-weight: 600; padding-top: 30px; }
.movies { background: #8fd98e; font-family: 'Open Sans', sans-serif; min-height: 464px !important; }
.img-block { width: 100%; max-width: 1780px; height: auto; }
.movies h3 { color: #FFFFFF; text-align: center; }
.movies h5 { color: #000000; text-align: center; font-weight: 550; font-size: 18px; }
.movies .caption li { list-style: none; text-decoration: none; display: inline; font-size: 12px; color: #F4F4F4; font-weight: bold; }
.sales .caption { padding-top: 60px; }
.sales { background: #f0f7aa; min-height: 464px !important; height: auto; font-family: 'Open Sans', sans-serif; padding: 50px; }
.sales h3 { color: #000000; font-family: 'Open Sans', sans-serif; font-weight: bold; text-align: center; }
.sales h4 { color: #565656; font-family: 'Open Sans', sans-serif; font-weight: 600; text-align: center; font-size: 20px; }
.sales p { color: #000000; font-family: 'Open Sans', sans-serif; font-weight: 400; line-height: 25px; text-align: justify; max-width: 350px; }
.sales span { color: #000000; font-weight: bold; }
.main-footer { background: #323232; min-height: 250px; color: #F4F4F4; font-family: 'Open Sans'; padding-top: 50px; }
.call-us h5, .need h5, .follow-us h5, .Other h5 { color: #FFFFFF; font-weight: 900; }
.main-footer li { color: #FFFFFF; font-family: 'Open Sans', sans-serif; font-weight: 500; list-style: none; line-height: 25px; }
.copyright { background: #454545; color: #FFFFFF; font-family: 'Open Sans', sans-serif; padding: 10px; text-align: center; font-size: 12px; padding-top: 15px; }
li > .dropdown-menu { background-color: #41b4ad; min-width: 730px; }
li > .rentals { background-color: #74ce76; min-width: 730px; }
li > .service { background-color: #b5a885; min-width: 730px; }
li > .deals { background-color: #a29e9d; min-width: 730px; }
li > .event { background-color: #d1a4c5; min-width: 730px; }
li > .movie { background-color: #ffb9af; min-width: 730px; }
li > .health { background-color: #edd885; min-width: 730px; }
li > .courses { background-color: #FBA56A; min-width: 730px; }
li > .job { background-color: #877dc4; min-width: 730px; }
.header { }
.navbar-header { padding: 0px; margin: 0 auto; }
.slides .caption h3 { color: #F8F8F8; position: absolute; top: 0; left: 0; margin: 20% 17%; font-weight: bold; font-size: 60px; font-family: 'Open Sans', sans-serif; text-align: center; }
.slides .caption h4 { color: #F8F8F8; position: absolute; z-index: 700; top: 0; left: 0; margin: 25% 26%; font-size: 30px; font-family: 'Open Sans', sans-serif; text-align: center; }
.cbp-hrsub-inner ul li{
	border-bottom: 1px solid #fff;
    padding-bottom: 11px;
    padding-top: 10px;
	
	
}
.signup-btn{
	background: #74a73f;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px !important;
    height: 31px;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    width: 60px;
	color:#fff !important;
	
}
.login-btn{
	background: #f7b534;
    border-radius: 4px;
    display: inline-block;
    font-size: 12px !important;
    height: 31px;
    padding-top: 7px;
    text-align: center;
    text-decoration: none;
    width: 60px;
	color:#fff !important;
	
}
/* MEDIA QUERIES*/

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

@media (max-width:1282px) {
.slides .caption h3 { font-size: 50px; }
.slides .caption h4 { font-size: 25px; }
}

@media (max-width:1223px) {
.login { float: right; position: absolute; }
}

@media only screen and (max-width: 1119px) {
/*.login { left: 80%; top: 4%; position: absolute; }*/
}

@media only screen and (max-width: 1024px) {
.login { left: 10px !important; bottom: 7px; position: absolute; top: inherit;}/*pk*/
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { padding: 0%; }
}

@media only screen and (max-width: 1067px) {
.slides .caption h3 { font-size: 45px; }
.slides .caption h4 { font-size: 20px; }
}

@media only screen and (min-width: 1330px) {
.login{
	left: 88% !important;
    position: absolute;
    top: 32%;
	
}
}

@media only screen and (max-width: 1130px) {
/*.login { left: 50%; top: 5%; position: absolute; }*/
}

@media only screen and (max-width: 1120px) {
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { padding: 0.1%; }
/*.login { left: 65%; position: absolute; }*/
}

@media only screen and (max-width: 1168px) {
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { padding: .2%; }
}

@media only screen and (min-width: 1171px) {
.columns { position: relative; padding-left: 17px; padding-right: 17px; }
}

@media only screen and (max-width: 1158px) {
/*.login { left: 65%; position: absolute; }*/
}

@media only screen and (max-width :1198px) {
.movies { padding: 20px; }
}

@media (max-width:1232px) {
/*.login { left: 78%; top: 2%; position: absolute; }*/
}

@media (max-width:1199px) {
.services { min-height: 680px !important; }
}

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

@media (max-width:982px) {
/*.login { left: 72%; position: absolute; }*/
}

@media (max-width:917px) {
.login { padding-bottom: 15px;
    padding-top: 15px;
    position: static;}

}

@media (max-width:991px) {
/*.login { left: 76%; position: absolute; top: 5%; }*/
.liststrap { margin-right: 16%; }
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { padding: 1%; }
.banner h3 { font-size: 50px; }
.banner h4 { font-size: 22px; }
.button-up { margin-top: 10px; }
.button-find { margin-top: 10px; }
.jobs .caption { margin-top: 5%; }
/*.category-1 { margin-left: 150px; }
.category-2 { margin-left: 150px; }*/ /*pk*/
.event-one { margin-left: 120px; }
.event-two { margin-left: 120px; }
.event-details { margin-left: 120px; }
.logo { }
}

@media (max-width:962px) {
/*.login { left: 76%; position: absolute; top: 5%; }*/
.slides .caption h3 { font-size: 40px; }
.slides .caption h4 { font-size: 20px; }
}

@media (max-width:876px) {
/*.login { left: 76%; position: absolute; top: 6%; }*/
.slides .caption h3 { font-size: 35px; }
.slides .caption h4 { font-size: 20px; }
}

@media (max-width:806px) {
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { padding: .1%; }
}

@media (max-width:1023px) {
.box1, .box2, .box3, .box4, .box5, .box6, .box7, .box8, .box9 { width: 100%; display: none; }
}

@media (max-width:768px) {
/*.login { left: 75%; position: absolute; top: 6%; }*/
.jobs .caption { margin-top: 5%; }
.button-up { margin-top: 10px; }
.button-find { margin-top: 10px; }
/*.category-1 { margin-left: 130px; }
.category-2 { margin-left: 130px; }*/
.event-one { margin-left: 130px; }
.event-two { margin-left: 130px; }
.event-details { margin-left: 130px; }
}

@media (max-width:749px) {
.slides .caption h3 { font-size: 30px; }
.slides .caption h4 { font-size: 18px; }
.event-one { margin-right: 20%; }
.event-two { margin-right: 20%; }
.liststrap { margin-right: 25%; }
}

@media (max-width:706px) {
.columns { margin-right: 80px; }
/*.login { left: 70%; position: absolute; }*/
event-one { margin-right: 45%; }
event-two { margin-right: 45%; }
}

@media (max-width:652px) {
.event-details { margin-left: 130px; }
.slides .caption h3 { font-size: 25px; }
.slides .caption h4 { font-size: 16px; margin: 25% 23%; }
.event-one { margin-right: 20%; }
.event-two { margin-right: 20%; }
.liststrap { margin-right: 25%; }
.buy-tickets { margin-top: 32%; margin-right: 10%; }
.artist-details { margin-left: 30%; }
.artists-image { width: 26%; }
}

@media (max-width:655px) {
/*.login { left: 70%; position: absolute; top: 5%; }*/
}

@media (max-width:611px) {
/*.login { left: 60%; position: absolute; top: 5%; }*/
}

@media (max-width:600px) {
.liststrap { margin-right: 18%; }
.event-details { margin-left: 80px; }
.artist-details { margin-left: 20%; }
.event-one { margin-right: 15%; margin-left: 80px; }
.event-two { margin-right: 15%; margin-left: 80px; }
/*.category-1 { margin-left: 80px; }
.category-2 { margin-left: 80px; }*/
}

@media (max-width : 580px) {
.liststrap { margin-right: 20%; }
.event-details { margin-left: 80px; }
.artist-details { margin-left: 10%; }
.event-one { margin-right: 15%; padding-right: 85%; }
.event-two { margin-right: 15%; margin-left: 80px; }
.slides .caption { margin-left: 25%; }
.slides .caption h3 { font-size: 20px; margin: 20% 25%; }
.slides .caption h4 { font-size: 12px; margin: 25% 29%; }
.buy-tickets { margin-top: 34%; margin-right: 10%; }
}

@media (max-width : 550px) {
.slides .caption h3 { font-size: 18px; margin: 20% 25%; }
.slides .caption h4 { font-size: 12px; margin: 24% 29%; }
/*.login { left: 63%; position: absolute; }*/
.liststrap { margin-right: 13%; }
.event-details { margin-left: 80px; }
.event-one { margin-right: 10%; margin-left: 60px; }
.event-two { margin-right: 10%; margin-left: 80px; }
.buy-tickets { margin-top: 38%; margin-right: 10%; }
}

@media (max-width : 530px) {
.slides .caption h3 { font-size: 16px; margin: 20% 25%; }
.slides .caption h4 { font-size: 12px; margin: 25% 29%; }
/*.login { left: 60%; position: absolute; top: 4%; }*/
.liststrap { margin-right: 13%; }
.event-details { margin-left: 80px; }
.event-one { margin-right: 10%; margin-left: 80px; }
.event-two { margin-right: 10%; margin-left: 80px; }
.buy-tickets { margin-top: 42%; margin-right: 10%; }
.artists-image { width: 40%; }
}

@media (max-width : 500px) {
.liststrap { margin-right: 13%; }
.event-details { margin-left: 60px; }
.artists-image { width: 30%; }
.slides .caption h3 { font-size: 16px; margin: 20% 25%; }
.slides .caption h4 { font-size: 12px; margin: 25% 29%; }
.logo { width: 60%; margin-top: 5%; }
.buy-tickets { margin-top: 43%; }
.liststrap { margin-right: 10%; }
}

@media (max-width : 500px) {
.event-one { margin-right: 10%; margin-left: 60px; }
.event-two { margin-right: 10%; margin-left: 60px; }
.banner h3 { font-size: 30px; }
.banner h4 { font-size: 16px; }
}

@media (max-width : 490px) {
.slides .caption h3 { font-size: 14x; margin: 20% 25%; }
.slides .caption h4 { font-size: 12px; margin: 25% 29%; }
.event-details { margin-left: 30px; }
.event-one { margin-right: 10%; margin-left: 30px; }
.event-two { margin-right: 10%; margin-left: 30px; }
.artist-details { margin-left: 10%; }
.buy-tickets { margin-top: 33%; margin-left: 20%; padding-bottom: 10%; }
}

@media (max-width : 460px) {
/*.login { left: 58%; position: absolute; }*/
}

@media (max-width : 451px) {
.slides .caption h3 { font-size: 14px; margin: 20% 25%; }
.slides .caption h4 { font-size: 10px; margin: 23% 29%; }
}

@media (max-width : 428px) {
.event-details { margin-left: 90px; }
.event-one { margin-right: 10%; margin-left: 40px; }
.event-two { margin-right: 10%; margin-left: 40px; }
.buy-tickets { margin-top: 28%; margin-left: 30%; }
.artist-details { margin-left: 10%; }
}

@media (max-width : 450px) {
.slides .caption h3 { font-size: 14px; margin: 20% 25%; }
.slides .caption h4 { font-size: 10px; margin: 23% 29%; }
.event-details { margin-left: 30px; }
.event-one { margin-right: 10%; margin-left: 40px; }
.event-two { margin-right: 10%; margin-left: 40px; }
.buy-tickets { margin-top: 35%; margin-left: 30%; }
}

@media (max-width : 428px) {
/*.login { right: 40%; position: absolute; top: 9%; }*/
}

@media (max-width : 426px) {
/*.login { right: 30%; position: absolute; top: 9%; }*/
}

@media (max-width : 435px) {
/*.login { left: 55%; position: absolute; }*/
.slides .caption h3 { font-size: 14px; margin: 20% 25%; }
.slides .caption h4 { font-size: 10px; margin: 23% 29%; }
.event-details { margin-left: 30px; }
.event-one { margin-right: 10%; margin-left: 40px; }
.event-two { margin-right: 10%; margin-left: 40px; }
.buy-tickets { margin-top: 40%; margin-left: 30%; }
}

@media (max-width : 428px) {
.event-one { margin-right: 10%; margin-left: 40px; }
.event-two { margin-right: 10%; margin-left: 40px; }
/*.login { left: 76%; position: absolute; top: 2%; }*/
.slides .caption h3 { font-size: 14px; }
.slides .caption h4 { font-size: 10px; }
.navbar-toggle { margin-top: 15%; }
.buy-tickets { margin-top: 34%; margin-left: 26%; }
.artists-details { margin-left: 0%; }
}

@media (max-width : 400px) {
.slides .caption h3 { font-size: 12px; margin: 20% 25%; }
.slides .caption h4 { font-size: 9px; margin: 23% 29%; }
/*.login { left: 76%; position: absolute; top: 2%; }*/
.event-one { margin-right: 10%; margin-left: 40px; }
.event-two { margin-right: 10%; margin-left: 40px; }
}

@media (max-width : 418px) {
.buy-tickets { margin-top: 36%; margin-left: 26%; }
.artists-details { margin: 0%; padding-left: 50px; }
}

@media (max-width : 338px) {
.slides .caption h3 { font-size: 10px; margin: 20% 25%; }
.slides .caption h4 { font-size: 9px; margin: 23% 34%; }
}

@media (max-width : 360px) {
.slides .caption h3 { font-size: 10px; margin: 20% 25%; }
.slides .caption h4 { font-size: 9px; margin: 23% 29%; }
.logo { width: 60%; margin-top: 2%; }
.navbar-toggle { margin-top: 40px !important; }
.event-one { margin-right: 10%; margin-left: 40px; }
.event-two { margin-right: 10%; margin-left: 40px; }
.buy-tickets { margin-top: 58%; margin-left: 38%; }
}

@media (max-width : 387px) {
/*.login { left: 76%; position: absolute; top: 1.5%; }*/
.slides .caption h3 { font-size: 12px; }
.slides .caption h4 { font-size: 9px; margin: 25% 24%; }
.buy-tickets { margin-top: 48%; margin-left: 44%; }
}