/*************************8      header css           ****************************************************/
.features,.top-nav{/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a24791+0,33517c+100 */
background: #a24791; /* Old browsers */
background: -moz-linear-gradient(left,  #a24791 0%, #33517c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #a24791 0%,#33517c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #a24791 0%,#33517c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a24791', endColorstr='#33517c',GradientType=1 ); /* IE6-9 */
}

#Navigation{margin:0px;}
.navbar .menu-item{margin:0px 1px;font-size:14px;text-transform:uppercase;font-weight:400;}
.navbar .menu-item .nav-link{color:#000;padding:12px 25px;}
.navbar .menu-item.active .nav-link,
.navbar .menu-item .nav-link:hover{color:#fff;background-color:#77cf25;}

/**********                Home page css       *******************************/

.banner .text-block{position:absolute;bottom:0px;background-color:rgba(0,0,0,0.2);}
.banner h1{color:#fff;font-family: 'Oswald', sans-serif;font-size:72px;font-weight:bold;text-shadow:5px 0px 5px rgba(0,0,0,0.7)}

.high-lights{background:url('../images/bg.jpg') top center no-repeat;background-size:cover;}

/**************              Footer                 ******************************/

.footer a{color:#fff;}
.footer a.active,.footer a:hover{color:#77cf25;}

.copy{color:#1e1d25;}
.copy a{color:#1e1d25;}
.copy a:hover{color:#77cf25;}

/********************     Media query       ***************************************/



@media (min-width: 1600px){
	.container-fluid {max-width: 1920px;}
	.container {max-width: 1190px;}
	
	.gutter-lg {margin-left:-20px!important;margin-right:-20px!important;}
	.gutter-lg div[class^="col"]{padding-left:20px!important;padding-right:20px!important;}

	.hd{font-size:42px; }
	h4{font-size:25px;}
}

@media (min-width: 1200px) and (max-width: 1599.98px){
	
}


@media (min-width: 991.98px) and (max-width: 1199.98px) {   /**                       FOR IPAD   ***********************/
	.navbar .menu-item {font-size:13px;}
	.navbar .menu-item .nav-link{padding:12px 18px;}
	
	.features h4{height:60px;}
}


@media (min-width: 768px) and (max-width: 991.98px) { 
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	#Navigation{justify-content: center; width:100%;margin:0px auto;}
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.navbar .menu-item {font-size:13px;}
	.navbar .menu-item .nav-link{padding:12px 18px;}
	
	.btn{padding:12px 20px;}
	
	.banner img {height:400px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
}

@media (max-width: 767.98px){
	.container {max-width:100% !important;}
	.py-100,.py-60,.py-80{padding-top:50px;padding-bottom:50px;}
	
	.navbar-toggler.x {border: none; background:none; padding:0px;}
	.navbar-toggler.x:focus {outline: none;box-shadow:none !important;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(1) {-webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%;}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(2) {opacity: 0; filter: alpha(opacity=0);}
	.navbar-toggler.x[aria-expanded="true"] .icon-bar:nth-of-type(3) {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%;}
	.navbar-toggler.x .icon-bar {background-color: #000;width: 22px; display: block; height: 2px;  -webkit-transition: all 0.2s; transition: all 0.2s;}
	.navbar-toggler.x .icon-bar + .icon-bar {margin-top: 4px;}
	.navbar-toggler.x .icon-bar:nth-of-type(1) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	.navbar-toggler.x .icon-bar:nth-of-type(2) {opacity: 1; filter: alpha(opacity=100);}
	.navbar-toggler.x .icon-bar:nth-of-type(3) {-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0);}
	
	.navbar-collapse { top:125px; z-index:999;border-top:1px solid #585757; background:rgba(0,0,0,0.9); text-align:left; position:absolute;left:100%; padding-left:0px; padding-right:0px; padding-bottom:0px;transition:all 0.4s ease; display:block;}
    .navbar-collapse.collapsing {height:auto !important; margin-left:50%; left:100%; transition:all 0.2s ease;}
    .navbar-collapse.show {left:-15px;right:-15px;}
	.navbar .menu-item .nav-link, 
	.navbar .menu-item .nav-link:hover {color: #fff;padding:10px 15px;border-bottom:1px solid #585757;}
	.navbar-nav {background:#000;}
	.navbar .menu-item{margin:0px;}
		
	.hd{font-size:35px; }
	h1,h2.h1{font-size:30px; }
	
	.btn{padding:12px 20px;}
	
	.banner img {height:400px;width: 100%;-o-object-fit: cover;object-fit: cover;-o-object-position: center;object-position: center;}
}


@media (max-width: 575.98px){
	.logo{width:250px;}
	.navbar-collapse { top:115px;}
}

/**********************

@media (min-width: 767.98px) { }
@media (min-width: 1920px) { .container{width:1820px; margin:auto;} }
@media (min-width: 1200px) {}
@media (min-width: 1359.98px) and (max-width: 1459.98px) { }
@media (min-width: 1199.98px) and (max-width: 1359.98px) { }
@media (min-width: 991.98px) and (max-width: 1199.98px) {	}
@media (min-width: 768px) and (max-width: 991.98px) { }
@media (max-width: 767.98px) { }
@media (max-width: 479px) { }
@media (max-width: 320px) { }


***************************/