/*-------------------------------media_queries-------------------------------------------------*/
@media screen and (min-width: 320px) and (max-width:575.98px) 
{
	
	.logo-css
{
	width:210px;
}
	.about-col1 {
    padding: 0px;
    display: table;
    height: 100%;
    padding-right: 15px;
}
.navbar-collapse {
    background-color: #0e0e0e !important ;
    position: absolute ! important;
    z-index: 2000 ! important;
    width: 100%  !important;
    left: 0  ! important;
    top: 99%  ! important;
        color: #fff ! important;
    
}
.menu-height
{
  min-height: 400px;
}
.menu-height:hover
{
  overflow-y: scroll !important;
}
.navbar-nav {
    padding-left: 50px !important;
}

.shrink .logo-css
{
	width:150px;
}
.slide_layer{
	background-color:rgba(5, 5, 14, 0.35);
	height:100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	right:0;

	
}
.pageBG{
	background-image: url(../img/header-bg_ss.html);
	height: 200px;
	  background-size: cover;
	    color:#fff ! important;
   
}
.captdesk {
    left: -12px;
    position: absolute;
    top: -18px;
    width: 100%;
    z-index: 100;
}
}
@media screen and (min-width: 576px) and (max-width:767.98px) 
{
  .story_image{
  background-image: url(../img/57574cea4ba20.jpg);
  
    background-size: cover;

}
.logo-css
{
	width:116px;
}
	
	.about-col1 {
    padding: 0px;
    display: table;
    height: 100%;
    padding-right: 15px;
}
.navbar-collapse {
    background-color: #d26305 !important ;
    position: absolute ! important;
    z-index: 2000 ! important;
    width: 100%  !important;
    left: 0  ! important;
    top: 99%  ! important;

}

.navbar-nav {
    padding-left: 50px !important;
}
.logo-css
{
	width:116px;
}
.shrink .logo-css
{
	width:80px;
}
.slide_layer{
	background-color:rgba(5, 5, 14, 0.35);
	height:100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	
}
.pageBG{
	background-image: url(../img/header-bg_ss.html);
	height: 200px;
	  background-size: cover;
	  color:#fff ! important;
   
}
/**
=============================================
    Choosing area style
=============================================
***/     
.choosing-area ul {
    max-width: 300px;
    margin: 0 auto;
}
.choosing-area .single-item {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 30px;
    margin-bottom: 35px;
}
.choosing-area li:after{
    border: none;        
}    
.choosing-area .single-item.bdr-btm:before {
    border: none;
}
.captdesk {
    left: 50px;
    position: absolute;
    top: 35px;
    width: 70%;
    z-index: 100;
}

}
@media screen and (min-width: 768px) and (max-width:991.98px) 
{
  .story_image{
  background-image: url(../img/57574cea4ba20.jpg);
  
    background-size: cover;

}
.logo-css
{
	width:250px;
}
.shrink .logo-css
{
	width:200px;
}
.slide_layer{
    background-color:rgba(5, 5, 14, 0.35);
	height:100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	
}
.navbar-collapse {
    background-color: #0e0e0e !important ;
    position: absolute ! important;
    z-index: 2000 ! important;
    width: 100%  !important;
    left: 0  ! important;
    top: 99%  ! important;
        color: #fff ! important;


}
.navbar-nav{
  margin-left: 35px ! important;
}
.pageBG{
	background-image: url(../img/header-bg_ss.html);
	height: 200px;
	  background-size: cover;
	    color:#fff ! important;
   
}
/*** 
=============================================
    Choosing area style
=============================================
***/     
.choosing-area ul {
    max-width: 500px;
    margin: 0 auto;
}
.choosing-area .single-item {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
    padding-bottom: 30px;
    margin-bottom: 35px;
}
.choosing-area li:after{
    border: none;        
}    
.choosing-area .single-item.bdr-btm:before {
    border: none;
} 
  
/*** 
}

@media screen and (min-width:992px) and (max-width:1199.98px)
{
	/* .nav-item:hover>a:before {
       width: 80%;
   content: "\f06e";
   font-family: 'Font Awesome\ 5 Free';
   margin-top: 25px;
   color: #000;
   position: relative;
   bottom: 13px;

  left: 28px;
        transition: .5s;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s
    }*/
      

 .dropdown-menu {
   
    top: 192% ! important;
    left: -28px ! important;
    background-color: #274665 ! important;
 
}
.dropdown-item{
    color:#fff ! important;
}
 .dropdown-item:hover {
    color: #143D62 ! important;
}

.slide_layer {
  background-color:rgba(5, 5, 14, 0.35);
	height:100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
}
.pageBG{
	background-image: url(../img/header-bg.html);
	height: 300px;
	  background-size: cover;
	  color:#B02026 !important;
   
}
/*** 
=============================================
    Choosing area style
=============================================
***/     
.choosing-area .single-item {
    width: 290px;
    float: left;
    margin-right: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    margin-bottom: 35px;
}
.choosing-area .single-item .text-holder h3 {
    font-size: 15px;
}  
.captdesk {
    left: 50px;
    position: absolute;
    top: 35px;
    width: 70%;
    z-index: 100;
}

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


   /*.nav-item:hover>a:before {
       width: 80%;
   content: "\f06e";
   font-family: 'Font Awesome\ 5 Free';
   margin-top: 25px;
   color: #000;
   position: relative;
   bottom: 13px;
 
  left: 28px;
        
    }*/
    .fac_menu {
        top: 192% !important;
        left: -28px !important;
        background-color: #274665 !important;
        width: 625px;
    }

 .dropdown-menu {
   
    top: 192% ! important;
    left: -28px ! important;
    background-color: #274665 ! important;
   
}
.dropdown-item{
    color:#fff ! important;
}
 .dropdown-item:hover {
    color: #143D62 ! important;
}
	.logo-css
{
	width:250px;
}
.shrink .logo-css
{
	width:200px;
}
.shrink .logo_col1{
	color:#B52127 !important;
}


.slide_layer{
background-color:rgba(5, 5, 14, 0.35);
	height:100%;
	width: 100%;
	position:absolute;
	top:0;
	left:0;
	right:0;
	
	
}
.pageBG{
	background-image: url(../img/header-bg.html);
	
	  background-size: cover;
	  color:#B02026 !important;
   
}
.captdesk {
    left: 50px;
    position: absolute;
    top: 35px;
    width: 70%;
    z-index: 100;
}
.story_image{
  background-image: url(../img/57574cea4ba20.jpg);
  
    background-size: cover;
    height: 394px ! important;

}

}