/*Mobile view media query*/
@media (max-width: 768px){
	body{
		margin: 0px;
		padding: 0px;
	}
/*
	.banner-logo img{
		margin-right: none;
		margin-top: 300px;
		margin-left: 0px;

	}
	.logo-image{
		width: 100%;
		margin-left: 40px;
	}
*/

	#nav_bar{
		background-color: black;
	}
	.menu_button{
		margin-right: 25px;
	}

	.navbar-header > button > .icon-bar{

		background-color:black;
	}

	#menu_bar li ul li a{
		color: white;
	}

#business_dropdown{
		text-indent: 2em;
			}

	#business_dropdown li{
		list-style-type: none;
		margin-right: 20px;
		text-indent: 2em;
	}
	#business_dropdown li a{
		color: black;
	}
	#business_dropdown2{
		text-indent: 2em;
	}

	#business_dropdown2 li{
		list-style-type: none;
		margin-right: 20px;
		text-indent: -2em;
	}



	#business_dropdown ul li{
		list-style-type: none;
	}

	#business_dropdown3{
		text-indent: 2em;
	}
	#business_dropdown4{
		text-indent: 2em;
	}
	#bs-megadropdown-tabs p{
		color: white;
	}


	.navbar-inverse .navbar-nav>li>ul>li>ul>li{
		list-style-type: none;
		display:block;
	}
	.navbar-inverse .navbar-nav>li>ul>li>ul>li>a{
		color: white;
	}




	#body_sec h3{
		
		font-size: 18px;
		font-family: "playfair display";
		text-align: justify;
		color: #ffffff;
		padding-left: 0px;
	}


	#body_sec article {
		font-style: thin;
		font-size: 16px;
		font-family: "playfair display";
		text-align: justify;
		color: #ffffff;
		padding-left: 0px;
	}
	#spec_desc{
		padding-top: none;
		padding-right: 10px;
		margin-left: -20px;
		
	}

	#spec_link a{
		text-decoration: none;
		cursor: pointer;
		color:#ffffff;
	}
	#spec_link a:hover{
		color: #4286f4;
	}

	#spec_link h4 {
		padding-left: 20px;
		margin-right:0px;
		font-size: 15px;
		font-family: "playfair display";
		border: 1px solid white;
	}


	.text-center{
		margin-right: 25px;
	}



}

/*Mobile view ends*/


@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px){



.navbar-inverse .navbar-nav>li>ul>li>ul{
    font-size: 12px;
    background-color:black;
    color: black;
}
}


/*Media query for 1200px*/
@media (min-width: 1200px){
	.navbar-inverse .navbar-nav>li>ul>li>ul{
		
		list-style: none;
	}

	.dropdown:hover .dropdown-menu {
		display: block;
		margin-top: 0;
	}


	.container-fluid{
		margin-right:0px;
		margin-left: -15px;
	}
	.container{
		width: 900px;
	}

	 

	.navbar-inverse .navbar-nav>li>ul>li>ul>li>a{
		color: black;
	}
	
	#business_dropdown{
		text-indent: 2em;
	}

	#business_dropdown li{
		list-style-type: none;
		margin-right: 20px;
	
	}
	#business_dropdown li a{
		color: black;
	}
	#business_dropdown2{
		text-indent: 2em;
	}

	#business_dropdown2 li{
		list-style-type: none;
		margin-right: 20px;
		text-indent: -3em;
	}

	#business_dropdown2 li a{
		color: black;
	}

	#business_dropdown3{
		text-indent: 2em;
	}

	#business_dropdown4{
		text-indent: 2em;
	}

	    .spacer {
    height: 22px;
}

    body.scrolled #nav_fixed {
    opacity: 1;
    transition: opacity .2s;
  }
  body.scrolled #nav_fixed:hover {
  opacity: 1;
  transition: opacity .2s;
  }

.navbar-inverse {
    background-color: #f8f8f8;
    border:none;
}

}
/*Media query for 1200px ends*/
/*

body{
	padding: none;
	margin: none;
	background-image: url("../images/bg.jpg");
	width: 100%;
	height: 100%;
	background-position: relative;
	background-size: cover;
	background-attachment: fixed center;
	background-repeat: no-repeat;

}*/
/*
.banner {
	background: url(../images/1.jpg) no-repeat center;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	position: relative;
	-o-background-size: cover;
	-ms-background-size: cover; 
}

.logo-image{
	margin-right: none;
	margin-top: 30%;
	margin-left: 100px;
}
*/
.my-navbar{
background: rgba(0,0,0,1);
}

.navbar-inverse .navbar-nav>li>ul>li>ul>li{
		list-style-type: none;
		display:block;
	}


.spacer {
    height: 22px;
}

    body.scrolled #nav_fixed {
    opacity: 0.9;
    transition: opacity .2s;
  }
  body.scrolled #nav_fixed:hover {
  opacity: 0.9;
  transition: opacity .2s;
  }


#nav_fixed{
	background-color: #000000;
	padding: none;
	left: 0;
	height: 57px;
	right: 0;
	top: 0;
	position: fixed;
	opacity: 0.0;
}

.navbar-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 10;
}

#menu_bar{

	padding-right: 20px;
}


.navbar-inverse .navbar-nav>li{
	font-size: 15px;
	font-family: "open sans";
	font-style: thin;
}



.navbar-inverse .navbar-nav>li>a{
	color: white;
}
.navbar-inverse .navbar-nav>li>a:hover{
	color: black;
	background-color: white;
}
.navbar-inverse .navbar-nav>li>ul>li>a{
	color: #ffffff;
	background-color:#262728;
	font-family: "open sans";
	font-style: thin;
}
.navbar-inverse .navbar-nav>li>ul>li>a:hover{
	color: black;
	background-color: white;
}


.navbar-inverse .navbar-nav>li>ul>li>ul>li{
	list-style-type: none;
	display: block;
}

.navbar-inverse .navbar-nav>li>ul>li>ul>li>a{
	font-size: 15px;
	color: black;
}



.navbar-header > h3 {

	padding-left: 20px;
	font-family: "open sans";
	font-weight: bold;
}
.navbar-header > h3 > a{
	font-weight: 800;
	font-family: "open sans";
	font-style: thin;
	text-decoration: none;
	color:white;

}
.navbar-header > h3 > a > span{
	font-weight: 100;
	font-style: thin;
}




/*New Navbar*/







#body_sec{	
	margin-top: 150px;
	background-color: #000000;
	display: block;
	background-size: 100% 100%,cover;
	
}
#body_sec article {
	font-family: "playfair display";
	font-style: thin;
	font-size: 22px;
	text-align: justify;
	color: #ffffff;
	padding-left: 20px;
}



#body_sec h1 {
	font-family: "playfair display";
	text-align: justify;
	color: #ffffff;
	padding-left: 20px;
}

#spec_desc h1{
	text-align: center;
}

#spec_desc article{
	text-align: center;
}

#spec_desc{
	margin-top: 100px;
	padding-top: none;
	padding-left: 30px;
	
}
#spec_link{
	padding-top: 50px;
	width: 350px;
	color: #ffffff;
	margin: 0 auto;
	padding-bottom: 100px;
}
#spec_link a{
	text-decoration: none;
	cursor: pointer;
	color:#ffffff;
}
#spec_link a:hover{
	color: #4286f4;
}

#spec_link h4{
	font-family: "playfair display";
	border: 2px solid white;
}




#bottom_img img{
	width: 100%;
	height: 100%;
	margin-top: 150px;
	margin-bottom: 150px;
	display: block;
}

/*footer css*/
#footer_sec h3{
	border-bottom: 1px solid white;
}

.footer{
	background-color: black; 
}

.col-lg-3 ul li{
	color: white;
	font-family: "playfair display";
	font-style: normal;
	font-size: 15px;
	display: inline-block;
}

.col-lg-3 ul li a{
	color: white;
}

.col-lg-3 ul h3{
	color: white;
}

.footer-row ul li{
	display: inline;
	list-style-type: none;
}
#copyrights li{
	color: white;
}

/*footer css ends*/





