@media (max-width:1600px){
    
    
}



@media (max-width:1400px){
    
    
}

@media (max-width:1300px){
    
    
}

@media (min-width: 1200px) {
    .container {
        width: 1140px;
        max-width: 100%;
    }
    
    .container {
        padding-right: 15px;
        padding-left: 15px;
    }
}



@media (max-width:1080px){
    
     header#masthead li a {
        padding: 0.5em .4em;
    }
	a#login_button {
        font-size: 12px;
        max-width: 100px;
    }
    
    
    .head-num a {
        font-size: 10px !important;
    }
    
    ul.nav.num {
        margin: 0;
    }
    
    
    header#masthead .row.p-2 {
        justify-content: space-around;
    }
    
}




@media (max-width: 1080px) and (min-width: 767px)  {
    
    header#masthead .row.p-2 {
        width: 720px;
        max-width: 100%;
    }
    
}



@media (max-width:991px){
    
   
	
	
	
}

@media (max-width:767px){
    
    
    
    header#masthead{
        /*position: relative;*/
        position:fixed;
        top:0;
    }
    
    header#masthead .row.p-2 {
        align-items: center;
    }
    
    .mobile_menu {
	    display: block;
	}
	
	.mobile_btn{
	    justify-content: flex-end;
	    display: flex;
	    align-items: center;
	}
    .pcmenu {
      display: none;
      order: 2;
    }
        
    .navbar-toggler {
        width: 60px;
        height: 53px;
        position: relative;
        transition: .5s ease-in-out; 
        position: relative;
        z-index:999;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        justify-content: space-evenly;
        padding:6px!important;
    }
    .navbar-light .navbar-toggler{position: relative;}
	
	.navbar-toggler,
    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler-icon:focus {
        outline: none;
        box-shadow: none;
        border: 0;
        border-radius:0;
    }
    
    .navbar-toggler span {;padding: 0;}
    .toggler-icon {
        display: block;
        height: 5px;
        width: 100%;
        background: #C81D1D ;
        border-radius: 1px;
        opacity: 1;
        left: 0;
        transform: rotate(0deg);
        transition: .25s ease-in-out; 
        max-width:50px;
        
    }
    .middle-bar {margin-top: 0px;}
    
    
    
    /* State when the navbar is collapsed */
    
    .navbar-toggler.collapsed .top-bar {transform: rotate(0deg);width:80%; }
    
    .navbar-toggler.collapsed .middle-bar {opacity: 1;filter: alpha(opacity=100);width:80%; }
    .navbar-toggler.collapsed:hover .middle-bar {opacity: 1;filter: alpha(opacity=100);}
    
    .navbar-toggler.collapsed .bottom-bar {transform: rotate(0deg);width:80%; }
    
    /* when navigation is clicked */
    
    .menuactive .navbar-toggler .top-bar {margin-top: 9px;transform: rotate(135deg);background: #C81D1D;}
    .menuactive .navbar-toggler .middle-bar {opacity: 0;display:none;}
    .menuactive .navbar-toggler .bottom-bar {margin-top: -18px;transform: rotate(-135deg);background: #C81D1D;}
    
    
	
	.menuactive .main-navigation ul{
	   display: flex; 
	}
    
    
    
    
    
    
    
    .menuactive .main-navigation ul {
        display: block;
        text-align: center;
    }
    
    .main-navigation li{
        border-bottom: solid 1px rgba(109, 125, 143, 0.2);
    }
    
    .bottom-nav.border-top {
        flex-wrap: wrap;
    }
    header#masthead li a {
        white-space: nowrap;
    }
    
    
    /*home*/
    
    
    .welcome_text_inner .the_content {
        padding: 2em 0;
    }
    
    .header-site .hero .cycle-slide {
        top: 50% !important;
        left: 50% !important;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .header-site {
        margin-top: 0; 
         padding-top: 115px; 
        overflow: hidden;
    }
    .mainslider  .swiper-slide img {
        min-height: 100%;
        width: auto !important;
        max-width: inherit;
        transform: translate(-50%, -50%) scale(1);
        left: 50%;
        position: relative;
    }
    
    
    
    
    
    .swiper-container .swiper-button-prev::after, .swiper-container .swiper-button-next::after,
    .port-prev::after, .port-next::after{
        display:none;
    }
    
    /*services*/
    .page-template-services  .item {
        flex: 1 0 50%; /* Adjust for smaller screens */
    }
    
    
    
    /*products*/
    
    button.accordion-button,
    .accordion-button:not(.collapsed){
        background-color: #d72133!important;
        color: #fff;
    }
    
    
    .wrapper-content {
        padding: 40vw 0 2vw 0;
    }
}


@media (max-width: 576px) {
    
    
}


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