/*Some defaults style*/

.dropdown.dropdown-lg .dropdown-menu {
    margin-top: -1px;
    padding: 6px 20px;
}
.input-group-btn .btn-group {
    display: flex !important;
}
.btn-group .btn {
    border-radius: 0;
    margin-left: -1px;
}
.btn-group .btn:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.btn-group .form-horizontal .btn[type="submit"] {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}
.form-group .form-control:last-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
#adv-search{
	width:50%;
}
body{
    margin: 0;
    padding: 0;
}

.marginBottom{
    margin-bottom: 70px;
}
.course h1{
    font-size: 2em;
    font-weight:bold;
    color: #2c3e50;
}
.course img{
    margin:0 auto;
    background-size: 100%;
	width:200px;
	height:200px;
}
/*Footer section*/
.footer {
    padding:30px 0px;
    text-align: right;
}
.footer p{
    font-size: 000;
    color: #000;
}
.footer img{
    opacity: 0.5;
	width:40px; 
	height:40px;
}
.footer img:hover{
    opacity: 1;
}
.searchbar{
	position:relative; 
	margin-top:200px; 
}.searchbar input{
	position:relative;
	left:0px;
	width:100%;
}

/*------------------------------------------------------ 2nd Query -----------------------------------------*/
@media (min-width: 320px) {
	
	body{
    margin: 0;
    padding: 0;
}
#adv-search{
	width:100%;
}
.marginBottom{
    margin-bottom: 70px;
}
.course h1{
    font-size: 2em;
    font-weight:bold;
    color: #2c3e50;
}
.course img{
    margin:0 auto;
    background-size: 100%;
	width:200px;
	height:200px;
}
/*Footer section*/
.footer {
    padding:30px 0px;
    text-align: right;
}
.footer p{
    font-size: 1em;
    color: #000;
}
.footer img{
    opacity: 0.5;
	width:20px; 
	height:20px;
}
.footer img:hover{
    opacity: 1;
}
.searchbar{
	position:relative; 
	margin-top:80px;
	left:15px;
}
.searchbar input{
	position:relative;
}
}
/* Extra small devices (phones, less than 768px) */
/* No media query si
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
/*Some defaults style*/
body{
    margin: 0;
    padding: 0;
}
#adv-search{
	width:50%;
}
.marginBottom{
    margin-bottom: 70px;
}
.course h1{
    font-size: 2em;
    font-weight:bold;
    color: #2c3e50;
}
.course img{
    margin:0 auto;
    background-size: 100%;
	width:200px;
	height:200px;
}
/*Footer section*/
.footer {
    padding:30px 0px;
    text-align: right;
}
.footer p{
    font-size: 1em;
    color: #000;
}
.footer img{
    opacity: 0.5;
	width:20px; 
	height:20px;
}
.footer img:hover{
    opacity: 1;
}
.searchbar{
	position:relative; 
	margin-top:80px; 
}.searchbar input{
	position:relative;
	left:0px;
	width:100%;
}
}



/*------------------------------------------------------------------------------ 3rd -----------------------------------------------------------------*/



/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
/*Some defaults style*//*Some defaults style*/
body{
    margin: 0;
    padding: 0;
}
#adv-search{
	width:50%;
}
.marginBottom{
    margin-bottom: 70px;
}
.course h1{
    font-size: 2em;
    font-weight:bold;
    color: #2c3e50;
}
.course img{
    margin:0 auto;
    background-size: 100%;
	width:200px;
	height:200px;
}
/*Footer section*/
.footer {
    padding:30px 0px;
    text-align: right;
}
.footer p{
    font-size: 000;
    color: #000;
}
.footer img{
    opacity: 0.5;
	width:40px; 
	height:40px;
}
.footer img:hover{
    opacity: 1;
}
.searchbar{
	position:relative; 
	margin-top:200px; 
}.searchbar input{
	position:relative;
	left:0px;
	width:100%;
}
}


/*------------------------------------------------------------------- 4rth -----------------------------------------------------------*/

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	/*Some defaults style*/
/*Some defaults style*/
body{
    margin: 0;
    padding: 0;
}
#adv-search{
	width:50%;
}
.marginBottom{
    margin-bottom: 70px;
}
.course h1{
    font-size: 2em;
    font-weight:bold;
    color: #2c3e50;
}
.course img{
    margin:0 auto;
    background-size: 100%;
	width:200px;
	height:200px;
}
/*Footer section*/
.footer {
    padding:30px 0px;
    text-align: right;
}
.footer p{
    font-size: 1.2em;
    color: #000;
}
.footer img{
    opacity: 0.5;
	width:40px; 
	height:40px;
}
.footer img:hover{
    opacity: 1;
}
.searchbar{
	position:relative; 
	margin-top:200px; 
}.searchbar input{
	position:relative;
	left:0px;
	width:100%;
}

}