@media screen and (max-width: 1300px){
	:root{
	    --fs-nav: 20px;
	}
}
@media screen and (max-width: 1200px){
	:root{
	    --fs-sml: 14px;
	    --lh-sml: 22px;
	    --fs-std: 17px;
	    --lh-std: 24px;
	    --fs-med: 22px;
	    --lh-med: 33px;
	    --fs-big: 40px;
	    --lh-big: 50px;

	    --fs-tit: 31px;
	}
	.nav > li{
		margin-right:22px;
	}
	#logo{
		width:140%;
	}
	.nopadl{
		padding-left:15px !important;
	}
    h1.nopadl, #std_head.nopadl{
        padding-left:0px !important;
    }
	#home_team{
		margin-top: 10vw;
	}
	.home_teamitem{
		height: 250px;
	}
	.contactimg img{
		width: 100%;
	}
    .ovnav li{
        width: calc(50% - 30px);
    }
    #headergal:not(.home) .teamtopimg {
        aspect-ratio: 16 / 10;
        height: auto;
    }
    #headergal.rut .simpli_item > div:not(#headergalcon){
        aspect-ratio: 16 / 10;
        height: auto;
    }
    #headergal.rut, #headergal.rut .simpli_mod_gallery, #headergal.rut .simpli_mod_gallery .simpli_item {
        height:auto !important;
    }
}
@media screen and (max-width: 992px){
	:root{
		--fs-sml: 12px;
	    --lh-sml: 20px;
	    --fs-std: 15px;
	    --lh-std: 22px;
	    --fs-med: 20px;
	    --lh-med: 31px;
	    --fs-big: 35px;
	    --lh-big: 41px;

	    --fs-tit: 29px;
	}
	nav{
        display:none;
    }
    #btn_nav{
        display: block;
        position: absolute;
        right:15px;
        top:50%;
        transform:translateY(-50%);
    }
    #headergal:not(.home) .simpli_mod_gallery, #headergal:not(.home) .simpli_mod_gallery .simpli_item, #headergal:not(.home){
      height: 380px;
    }

    .mobnav{
		overflow: auto;
		height:calc(100vh - 110px);
		position: fixed;
		top:110px;
		left:0px;
		width:100%;
		background:var(--c-blue);

		border-top:1px solid #DFE5C5;
		padding-top:45px;

	}
	.mobnav a{
		color:#fff;
	}
	.mobnav a:hover, .mobnav a.act:link, .mobnav a.act:visited{
		color:var(--c-yellow);
		text-decoration: none;
	}
	.mobnav li{
		padding:15px;
		font-size:var(--fs-med);
		font-weight:700;
		border-bottom:1px solid var(--c-grey);
	}
	.mobnav > li ul{
		display: none;
	}
    .mobnav > li > ul {
        background:var(--c-grey);
        margin-left:-15px;
        width:calc(100% + 30px);
        padding-top:20px;
        margin-top:15px;
    }
	.mobnav > li > ul > li{
		font-size:var(--fs-std);
        border-bottom:1px solid var(--c-blue);
	}
    .mobnav > li > ul > li a:link, .mobnav > li > ul > li a:visited {
        color:var(--c-blue);
    }
    #logo{
        margin-left: 0px;
    }
    #breadcrumb{
        transform: translateX(0);
    }
    .home_teamitem {
      height: 204px;
    }
    #home_team {
      margin-top: 15vw;
    }
    #work_wrapper{
        padding-top: var(--p-sml);
        padding-bottom: var(--p-sml);
        margin-left:0px;
    }
    #work_wrapper h1{
        margin-left: var(--p-sml);
    }
    #work_left ul {
        padding: var(--p-sml) var(--p-sml) var(--p-sml) 0;
    }
    #work_right {
      padding-right: var(--p-sml);
    }
    #work_left li.act::before, #work_left li:hover::before{
        width: 15px;
        left: -25px;
    }
    #work_left li{
        margin-left: var(--p-sml);
    }
    #footer_btm li {
      display: inline-block;
      padding-right: 15px;
      border-right: 1px solid #fff;
      margin-right: 15px;
      line-height: 30px;
    }
    #footer_grey > img{
        padding-left:30px;
    }
    .qandawrapper{
        padding-left:15px;
        padding-right:15px;
    }
}
@media screen and (max-width: 768px){

    :root{
		--fs-sml: 12px;
	    --lh-sml: 20px;
	    --fs-std: 15px;
	    --lh-std: 22px;
	    --fs-med: 20px;
	    --lh-med: 31px;
	    --fs-big: 30px;
	    --lh-big: 37px;

	    --fs-tit: 27px;
	}
	#std_head {
		margin-bottom: 50px;
	}
    #headergal.home #headergalcon{
        padding-left:15px;
    }
    #home_grey{
        padding-left:15px;
        padding-right:15px;
    }
    #home_team{
        margin-top: -30px;
    }
    .home_teamitem{
        margin-top: 0px;
        margin-bottom:var(--p-sml);
    }
    #work_left{
        margin-left:0;
        width:calc(100% + 30px);
    }
     #work_left ul{
         margin-left:-15px;
         width:calc(100% + 30px);
     }
     #icon_crowe {
         margin-top:15px;
         margin-bottom:15px;
     }
     #icon_crowe img {
         width:60px;
         height: auto;
         position:relative;

     }
     #work_left li.act::before, #work_left li:hover::before{
         display:none;
     }
     #work_left li{
         margin-left: 15px;
     }
     #work_wrapper h1{
         margin-left:0;
     }
     #footer_btm{
         height: auto;
     }
     #footer_btm .right{
         text-align: left;

     }
     .teamtopimg, .ruttopimg{
         padding:0;
     }
     #headergal:not(.home) .teamtopimg, #headergal.rut .simpli_item > div:not(#headergalcon){
         aspect-ratio: unset;
     }
     .teamtopimg img, #headergal.rut img{
         position:relative !important;
     }
     #headergal:not(.home, .teamdet) #headergalcon{
            left:15px;
     }
     .teamwrapper{
         margin-bottom:30px;
     }
     #headergal.teamdet{
         height: auto;
     }
     #headergal.teamdet #headergalcon, #headergal.rut #headergalcon {
         position:relative;
         left:inherit;
         top:inherit;
     }
     .teamdet_left {
         margin-bottom:var(--p-big);
         padding-right:0px;
     }
     .teamtxtdet{
         margin-bottom: var(--p-sml);
     }
     .greytitlewrapper{
         margin-bottom: var(--p-sml);
     }
     .contactimg{
         display:none;
     }
     .greycon{
        padding: 30px 15px;
     }
     #logo{
         width: 100%;
     }
     #connav{
         display:none;
     }
     .comp h1{
         display:flex;
         align-items:center;
     }
     .comp h1.mobtrig .trigimg {
         display:inline-block;
         margin-right:var(--p-sml);
     	width: 53px;
     	height: 53px !important;
     	background-color: var(--c-grey);
     	border-radius: 50%;
     	display:flex;
     	align-items: center;
     	justify-content: center;
         transition:all 0.5s;
     }
     .comp h1.mobtrig .trigimg img{
         width:30px;
         height: auto;
     }
      .comp h1.mobtrig{
          font-size:var(--fs-med);
          cursor:pointer;
          border-top:2px solid var(--c-grey);
          padding-top:var(--p-sml);
          margin-bottom:var(--p-sml);
      }
      .comp h1.mobtrig.act .trigimg, .comp h1.mobtrig:hover .trigimg{
      	background-color: var(--c-yellow);
      }
       .comp h1.mobtrig.act .trigimg img, .comp h1.mobtrig:hover .trigimg img{
      	filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(203deg) brightness(106%) contrast(101%);
      }
      .comp .simpli_item{
          display:block;
      }
      .comp .simpli_item #std_head{
          display:none;
      }

    /* .connav{
         display: grid;
         grid-template-columns: 1fr 1fr 1fr;
     }
     .ovnav li{
         width:100%;
     }
     .connav li{

         padding-left:5px;
         padding-right:5px;
         margin-bottom:var(--p-sml);
         display:inline-block;
         max-width: inherit;
     }*/
}
@media screen and (max-width: 576px){
    .ovnav li {
       width:100%;
     }
    .connav{
        grid-template-columns: 1fr 1fr;
    }
    :root{
		--fs-sml: 12px;
	    --lh-sml: 20px;
	    --fs-std: 14px;
	    --lh-std: 20px;
	    --fs-med: 18px;
	    --lh-med: 24px;
	    --fs-big: 22px;
	    --lh-big: 28px;

	    --fs-tit: 20px;

        --p-big: 50px;
        --p-sml:15px;
	}
    #std_head{
        padding-right:0px;
    }
    #std{
        padding-left:0px;
        padding-right:0px;
    }
    #breadcrumb{
        height:60px;
    }
    #breadcrumb a{
        padding-right:10px;
    }
    #breadcrumb a::after {

      padding-left: 10px;
    }
    #bhome{
        width: 50px;
        white-space: nowrap;
    }

    #footer_addr{
        margin-top:var(--p-big);
        margin-bottom:0;
        padding-left:30px !important;
    }
    #footer_btm li{
        border-right: none;
    }
    #footer_btm{
        padding-top:15px;
        padding-bottom:15px;
    }
    #headergal:not(.home, .teamdet, .rut) .simpli_mod_gallery, #headergal:not(.home, .teamdet, .rut) .simpli_mod_gallery .simpli_item, #headergal:not(.home, .teamdet, .rut){
        height:250px;
        margin-bottom:200px;
    }
    #headergal:not(.home, .teamdet, .rut) #headergalcon{
        top:250px;
        left:0px;
    }
    .teamdeticons{
        left:inherit;
        right:var(--p-sml);
    }

    #themes a:link, #themes a:visited{
        padding: 0px 26px;
    }

}

@media screen and (max-width: 440px){
    .comp h1.mobtrig .trigimg {
       width: 40px !important;
       height: 40px !important;
    }
    .comp h1.mobtrig .trigimg img{
        width: 25px;
        height: auto;
    }
    #work_left li.act::before, #work_left li:hover::before{
        display:block;
    }
    #work_left ul{
        float:left;
    }
    #work_left li{
        float:left;
        clear:left;
    }
}