/*Header Image*/
.slide-gutter {
	--bs-gutter-x: 0rem !important;
}

#flexslider-1 ul {
	max-height: 100vh !important;
}

#flexslider-1.flexslider {
	border: 0 !important;
	margin:0 !important;
}

#flexslider-1 .slides li > img {
	height: calc(100vh - 100px) !important;
}

.page-node-10 .node__content {
  margin-top: 0 !important;
}
.row {
--bs-gutter-x: 0rem !important
}

.flex-control-paging li a {
    background: none!important;
    border: 1px solid #ffffff;
    width: 13px;
    height: 13px;
}

#flexslider-1 .flex-control-paging li a.flex-active {
    background: rgb(255 255 255 / 90%)!important;
}

#flexslider-1 .flex-control-nav {
    bottom: 0 !important; 
    z-index: 9999; 
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 50%;
	align-items: flex-end;
    padding: 0 40px;
    align-content: stretch;
    justify-content: flex-start;
}
#flexslider-1 .flex-control-nav li {
    padding: 5px;
}
.top-left {
  position: absolute; 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width:78%;
}
.top-left img{
  width:25% !important;
}
.logo_txt_width{
    /*width:70%;*/
}
.logo_txt{
    font-size:40px;
    color:white;
	text-align: start;
    /*padding-left: 0;  */  
}

/*Header Image ends*/



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

}

@media screen and (max-width: 1200px) {  
/* Menu */ 

	#flexslider-1 .slides li > img {
		/*height: auto !important;*/ 
	}
}

@media screen and (max-width: 990px) {    
   
}

/* On screens that are 992px wide or less,
   the background color is green */
@media screen and (max-width: 900px) {

	.full{
		width: 100%;
		height:100%;    
	}
	.full_vh{
		height:auto !important ;    
	}
	#flexslider-1 .slides li > img {
		height: auto !important; 
	}

	.logo_txt_width {
		/*width: 80%;*/
	}
	.logo_txt{
		font-size:32px;
		  color:#ffffff;
		  /*left: 2%;*/      
	}
}
@media screen and (max-width: 756px) {     
	#flexslider-1 .flex-control-nav {
		 top: 40%;
		 padding: 0 8px;   
	}
}

/* On screens that are 600px wide or less,
  the background color is yellow */
@media screen and (max-width: 600px) { 
	.logo_txt {
		font-size: 21px; 
	}   

	.full{
		width: 100%;
		height:100%;   
	}
	.full_vh{
		height:auto !important ;    
	}
	.logo_txt{
		font-size:18px;
		  color:#ffffff;
		  /*left: 0; 
		  padding-left:9px;   */  
	}
	.logo_txt_width {
		/*width: 90%;*/  
	}
}


@media screen and (max-width: 450px) {
   
}

@media screen and (max-width: 300px) {
	#flexslider-1 .flex-control-nav {
		 top: 30%;
		 padding: 0 5px;   
	}
}

/* Media query starts*/
@media only screen and (max-width: 767px) {
   
}

@media only screen and (max-width: 410px) {
    .logo_txt {
        font-size: 12px;
    }
    .top-left {
        width: 95%;
    }
}



@media (min-width: 410px) and (max-width: 675px) {
    .logo_txt {
        font-size: 18px;
    }
	.top-left {
        width: 95%;
    }
}


@media (min-width: 676px) and (max-width: 992px) {
    .logo_txt {
        font-size: 25px;
    }

    .top-left {
        width: 90%
    }
}

@media (min-width:992px) and (max-width: 1100px) {
    .logo_txt {
        font-size: 25px;
    }

    .top-left {
        width: 80%
    }
}


/* Small devices (portrait tablets and large phones, 600px and up)
    @media only screen and (min-width: 600px) {
      .example {background: green;}
    } */
/* Media query ends*/