/* Overall Style Edit : Will Affect the Overall Site Styles*/

.container,header,.top-menu {
	position: relative;
	
}

.top-menu .search-div {
	position: relative;
	z-index: 1;
}

.container.main-content-top-margin {
	margin-top: 23%;
}


/* BG carousel Specific Styles */

.bg-carousel .carousel-indicators {
	top: 54%;
	left: 50%;
	right: auto;
	margin-left: 50;
    margin-right: 0;
}

.bg-carousel .carousel-indicators li { 
	border: 1px solid #999;
}

.bg-carousel .carousel-indicators .active {
	background-color: #CCC;
}


.bg-carousel .carousel-control.left,.bg-carousel .carousel-control.right {
	background-image: none;
     filter: none;
}

.bg-carousel .carousel-inner .item {
	width: 100%;
	padding-top: 75px;
}

.carousel-wrap {
	position: absolute;
	top: 0px;
	z-index: 0;
	width: 100%;
	left: 0px;
}

.bg-carousel img {
	width: 100%;
}

.bg-carousel {

	overflow: hidden;
}

.bg-carousel .carousel-control.right {
     right: 0px;
     left: auto;
     top: 10%;
}

.bg-carousel .carousel-control.left {
     left: 0px;
     right: auto;
     top: 10%;
}

.bg-carousel .glyphicon-chevron-left::before,.bg-carousel .glyphicon-chevron-right::before  {
     font-size: 64px;
}

.bg-carousel .glyphicon-chevron-right::before {
     margin-right: -79px;
}

.bg-carousel .glyphicon-chevron-left::before {
     margin-left: -79px;
}

.rtl .bg-carousel .glyphicon-chevron-right::before {
     margin-right: -15px;
}

.rtl .bg-carousel .glyphicon-chevron-left::before {
     margin-left: -15px;
}

.bg-carousel .carousel-control .glyphicon-chevron-left, .bg-carousel .carousel-control .glyphicon-chevron-right, .bg-carousel .carousel-control .icon-prev, .bg-carousel .carousel-control .icon-next {
     margin-left: 0px;
     margin-right: 0px;
     font-size: 64px;

}

.bg-carousel .carousel-control {
     width: 15%;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-right: -15px;
}

.bg-carousel .fa {
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.9);
     -webkit-transition: all .3s ease-in-out;
     -moz-transition: all .3s ease-in-out;
     transition: all .3s ease-in-out;
}

.bg-carousel .fa:hover {
      text-shadow: 0 3px 3px rgba(0, 0, 0, 0.6);
}

.rtl .bg-carousel .carousel-indicators {
     direction: ltr;
}

.rtl .bg-carousel .carousel-inner > .item {
     transition: right 0.6s ease-in-out 0s;
     -webkit-transition: right 0.6s ease-in-out 0s;
    -moz-transition: right 0.6s ease-in-out 0s;
    -o-transition: right 0.6s ease-in-out 0s;
    transition: right 0.6s ease-in-out 0s;
}

@media only screen and (max-width : 1200px) {

     .container.main-content-top-margin {
         margin-top: 22%;
     }

     .bg-carousel .carousel-indicators {
          top: 55%;
     }

}

@media only screen and (max-width : 990px) {
     .carousel-wrap {
          top:50px;
     }

     .bg-carousel .carousel-indicators {
          top: 55%;
     }

     .container.main-content-top-margin {
         margin-top: 23%;
     }

}

@media only screen and (max-width : 900px) {

	.container.main-content-top-margin {
	    margin-top: 23%;
	}

	.bg-carousel .carousel-indicators {
		top: 54%;
	}

}

@media only screen and (max-width : 768px) { /* For Tabs and Below */

	.bg-carousel .carousel-indicators {
		top: 57%;
	}

	.container.main-content-top-margin {
		margin-top: 24%;
	}

     .bg-carousel .glyphicon-chevron-right::before {
          margin-right: 0px;
     }

     .bg-carousel .glyphicon-chevron-left::before {
          margin-left: 0px;
     }

     .rtl .bg-carousel .glyphicon-chevron-right::before {
          margin-right: 0px;
          margin-left: -15px;
     }

     .rtl .bg-carousel .glyphicon-chevron-left::before {
          margin-left: 0px;
          margin-right: -15px;
     }

     .bg-carousel .carousel-control .glyphicon-chevron-left, .bg-carousel .carousel-control .glyphicon-chevron-right, .bg-carousel .carousel-control .icon-prev, .bg-carousel .carousel-control .icon-next {
          margin-left: 0px;
     }

     .bg-carousel .carousel-control {
          width: 31px;
     }

}

@media only screen and (max-width : 480px) { /* For Mobiles */

	.container.main-content-top-margin {
		margin-top: 70px;
	}

	.carousel-wrap {
		display: none;
	}
}