/* ************************ */
/*							*/
/*	custom theme			*/		 
/*							*/
/* ************************ */

@media (min-width: 1200px) {
    .modal-lg {
        width: 1170px
    }

    /* pixel-perfect */
    .left-side {
        padding-right: 0;
    }
    .right-side-article {
         margin-top: -1.4rem;
         padding-left: 3.5rem;

     }
    #search-tabs__search-tab > a {
        min-width: 7.8rem;
        text-align: center;
        letter-spacing: 0.3px;
    }
    #search-tabs__advanced-tab > a {
        min-width: 10.7rem;
        text-align: center;
        letter-spacing: 0.3px;
    }
    #search-tabs__filter-tab > a {
        min-width: 7.3rem;
        text-align: center;
        letter-spacing: 0.3px;
    }
    input[name="SearchForm_Number"] {
        width: 160px;
    }
    input[name="SearchForm_Year"] {
        width: 160px;
        margin-left: 25px;
    }
    label[for="search-form__year"] {
        margin-left: 25px;
    }
}

@media (max-width: 1199px) {
	/* md */
	
	.mb-big-md{margin-bottom:3rem;}
	
	.search-tabs .tab-content > .tab-pane{padding:1rem; margin-left:-1rem;}
	
	.navbar-brand{margin-right:1rem;}
	#main-nav > li + li{margin-left:1rem;}
	
	.form-control{padding-left:0.5rem; padding-right:0.5rem;}
	
	.header-tipp{padding-left:2rem; padding-right:2rem;}
	
	.tab-pane .btn-collapse{right:1rem; top:0.4rem; padding:0;}
	
	.col-sm-12 .search-tabs .tab-content > .tab-pane{margin-right:-1rem;}
	
	.doc-wrap{padding:2.5rem 3rem;}
	
    img[id="Picture 5"] {
        width: 100%;
        height:auto
    }
}

@media (min-width: 992px) {
    .pull-right-md {
        float: right;
    }
    .container > .navbar-header {
        margin-left: 15px;
        margin-top: 5px;
    }
    .container > .navbar-collapse {
        margin-left: -15px;
        margin-right: -15px;
    }
}

@media (max-width: 991px) {
	/* sm */
	
	html{font-size:14px;}
	
	.big{ font-size:1.2rem/*16.8px*/}
	.small{ font-size:0.83rem/*11.67px*/}
	
	.anchor-link{top:-1rem;}
	
	.container{ width:auto; padding-left:15px; padding-right:15px;}

	.content-section{ padding-top:3rem; padding-bottom:3rem; }
	
	.mb-half, .mb-half-sm{margin-bottom:0.5rem;}
	.mb-big, .mb-big-sm{margin-bottom:3rem;}
	.mb, .mb-sm{margin-bottom:1.5rem;}
	
	.header{height:10rem;}
	
	.navbar-header{ display:flex; width:100%; justify-content:space-between; align-items:center;}
	.navbar-header:before, .navbar-header:after{ display:none;}
	.navbar{ position:relative;}
	.navbar.affix{top:0; box-shadow:none; background:transparent;}
	.navbar-brand{width:15rem; margin:0.2rem 0; transition:none;}
	.affix .navbar-brand{margin-top:0.2rem;}
	
	
	.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{margin-left:0; margin-right:0;}
	
	#navigation{ background-color:rgba(24,24,24,0.95); position:absolute; top:100%; width:100%; left:0; padding-left:0; padding-right:0; box-shadow:0 5px 10px rgba(0,0,0,0.5);}
	#navigation > .inner-wrap{ display:block;}
	#main-nav {margin:0 0 1rem 0; width:auto; text-align:left; display:block;}
	.affix #main-nav{margin-top:0;}
	#main-nav > li{ display:block; margin-bottom:0;}
	#main-nav > li+li{margin-top:1px; margin-left:0;}
	#main-nav > li > a{padding:1rem; text-align:left;}
	#main-nav > li > a:after{ display:none;}
	#main-nav > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav > li.dropdown_split > .dropdown-toggle{ display:block; right:15px; top:0; width:3.5rem; padding-left:1rem; padding-right:1rem; text-align:center;}
	
	#main-nav > li > a,
	#main-nav > .open > a{color:#fff; background-color:transparent;}
	 
	 #main-nav > li > a:hover, #main-nav > li > a:focus{color:#efa332; background:transparent;}

	#main-nav > .active > a{color:#d96c6c; background-color:transparent;}
	#main-nav > .active > a:hover, #main-nav > .active > a:focus, #main-nav > .active.open > a{color:#d96c6c; background-color:transparent;}

	#main-nav .dropdown-menu{position:relative; padding-left:0; float:none; box-shadow:none; min-width:auto; background-color:transparent; margin-top:1px;}
	#main-nav .dropdown-menu > li{padding:0;}
	#main-nav .dropdown-menu > li > a{ padding:1rem;}
	#main-nav .dropdown-menu > li.dropdown_split > a{padding-right:1rem; margin-right:0;}
	#main-nav .dropdown-menu > li.dropdown_split > .dropdown-toggle{top:0; right:15px; width:3.5rem; padding-right:1rem; text-align:center; padding-left:1rem!important;}
	
	#main-nav .dropdown-menu > li > a,
	#main-nav .dropdown-menu > .open > a{color:#fff; background:transparent;}
	
	#main-nav .dropdown-menu > li > a:focus,
	#main-nav .dropdown-menu > li > a:hover{color:#efa332; background:transparent;}
	
	#main-nav .dropdown-menu > .active > a,
	#main-nav .dropdown-menu > .active > a:focus,
	#main-nav .dropdown-menu > .active > a:hover{color:#d96c6c; background-color:transparent;}

	#main-nav .dropdown-menu > li > .dropdown-toggle .fa{ transform:rotate(0deg);}
	#main-nav .dropdown-menu > li > .dropdown-toggle[aria-expanded="true"] .fa{ transform:rotate(-180deg);}

	#main-nav .dropdown-menu .dropdown-menu{left:0;}
	#main-nav .dropdown-menu li a{padding-left:2rem!important;}
	#main-nav .dropdown-menu .dropdown-menu li a{padding-left:4rem!important;}
	
	#main-nav .dropdown-menu.open-left {left:0; right:0;}
	#main-nav .dropdown-menu .dropdown-menu.open-left{left:0; right:0;}
	
	#top-nav{margin:1rem;  justify-content: flex-start; }
	.affix #top-nav{margin-top:1rem;}
	
	.search-tabs{margin-top:-7rem;}
	
	.icon18{width:2rem; height:2rem;}
	.icon-flag{width:2rem; height:2rem;}
	
	.footer{padding:1rem 0;}
	
	.header-tipp{margin-top:-7rem; padding-left:1.5rem; padding-right:1.5rem;}
	
	.toolbar .group-left > *{margin-right:1rem;}
	.toolbar .group-right > *{margin-left:1rem;}
	.toolbar .group-center > *{margin-left:0; margin-right:0;}
    
    .list-actions a {
        margin-left: 0.25rem;
    }
	
	
	.table > thead > tr > th, .table > tbody > tr > td{padding:0.5rem;}
	
	.form-footer{margin-top:1rem;}
	
	.doc-wrap{padding:2rem;}
	
	.radio-check-label{top:2px;}

    textarea.subscription__search-text {
        height: 12.9em;
    }

    .search-tabs .nav-tabs {
        font-size: 0.85rem;
    }
}

@media (max-width: 767px) {
	/* xs */
	
	.content-section{ padding-top:2.5rem; padding-bottom:2.5rem; }
	
	.btn{height:auto;width: auto; white-space:normal;}
	
	h1{font-size:1.73rem /*24.19px*/;}
	h2, .h2-style{font-size:1.44rem /*20.16px*/;}
	h3, .h3-style{font-size:1.2rem /*16.8px*/;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-bottom:1rem;}
	.textbox img, .textbox .align-left, .textbox .align-right, .textbox figure{ float:none; width:auto; display:inline-block; margin-left:0; margin-right:0; max-width:100%; margin-bottom:1.35rem;}
	.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap{margin-bottom:2.5rem;}
	
	h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol{margin-top:0;}
	
	.textbox ol{padding-left: 2.8rem;}
	.textbox ul{padding-left: 1.5rem;}
	
	.mb-half, .mb-half-sm, .mb-half-xs{margin-bottom:0.5rem;}
	.mb, .mb-sm, .mb-xs{margin-bottom:1rem;}
	.mb-big, .mb-big-md, .mb-big-sm, .mb-big-xs{margin-bottom:2.5rem;}
	
	.form-row{ display:block;}
	.row-flex{display:block;}
	
	.footer > .container{display:block; text-align:center;}
	.footer .right{ display:block;}
	
	.header-tipp{margin-top:-2.5rem;margin-bottom: 2.5rem;}
	.header-tipp:before{top:-10px; left:2rem;}
	
	.toolbar{ display:block;}
	.toolbar > div+div{margin-top:1rem;}
	.toolbar .group-center{justify-content:flex-start;}
	.toolbar .group-right{justify-content:space-between;}
	.toolbar .group-right > *{margin-left:0;}
	/*.table-paging > a, .table-paging > span{margin-left:0; margin-right:0.5rem;}*/
    .list-actions a {
        margin-left: 0;
        margin-right: 0.25rem;
    }
	.tab-pane .toolbar .group-right{ justify-content:flex-end;}
	.tab-pane .toolbar .group-right > .btn{margin-left:1rem;}

	/* responsive table */
	.table thead {display: none;}
 	.table tbody td {padding: .6rem; text-align: left;}
	.btn-table-collapse{margin-top:0;}
	.table > thead > tr > th, .table > tbody > tr > td{padding-top:0.25rem; padding-bottom:0.25rem;}
    .table > tbody > tr.expanded-group-title > td {
        padding: 0.5rem;
    }
    .table > tbody > tr.expanded-group-row {
        border-top: 1px solid #a9a9a9;
    }
    /*.doc-page{ display:block;}*/
    .tree-wrap {
        height: auto;
    }
	
	.doc-options{ justify-content:flex-start; flex-wrap:wrap;}
	.doc-options a{margin-right:1rem; display:flex; align-items:center; margin-bottom:0.5rem;}
	.doc-options a .fa{flex:none;margin-bottom:0; margin-right:0.5rem;}
	
	.law-list{ display:flex; flex-wrap:wrap;}
	.law-list > div + div{margin-top:0;}
	.law-list > div{margin-right:1rem; margin-bottom:0.5rem;}
	
	.share-list{ display:flex; flex-wrap:wrap; align-items:center;}
	.share-list > div + div{margin-top:0;}
	.share-list > div{margin-right:1rem; margin-bottom:0.5rem;}
	
	.doc-wrap{padding:2rem 1.5rem;}
    /*.left-side{margin-bottom:0px}*/

}

@media (min-width: 640px) {
    .visible-xxs {
        display: none !important;
    }
}
@media (max-width: 639px) {
    .visible-xxs {
        display: block !important;
    }
    .visible-xs.hidden-xxs {
        display: none !important;
    }
}

@media (max-width: 479px) {

    .header {
        height: auto;
    }

    .search-tabs {
        margin-top: -1rem;
    }

        .search-tabs .nav-tabs {
            display: block;
        }
            /*.search-tabs .nav-tabs > li{float:none;}*/
            /*.search-tabs .nav-tabs > li + li{margin-left:0; margin-top:-0.2rem;}*/
            .search-tabs .nav-tabs > li > a {
                border: 1px solid #ccc;
                padding: 1rem
            }

            .search-tabs .nav-tabs > li.active > a, .search-tabs .nav-tabs > li.active > .search-tabs a:hover, .search-tabs .nav-tabs > li.active > a:focus {
                border: 1px solid #990000;
            }

        .search-tabs .tab-content > .tab-pane {
            margin-right: -1rem;
        }

    .toolbar .group-right {
        flex-wrap: wrap;
    }

    .table-paging {
        margin-bottom: 1rem;
        width: 100%;
    }

    .table tbody td:not(:first-child)::before {
        width: 39%;
    }

    .table tbody .expanded-group-title td[colspan]::before {
        width: auto;
    }

    .doc-options, .law-list, .share-list {
        flex-direction: column;
        align-items: flex-start;
    }

        .law-list a, .share-list a {
            display: flex;
        }

    .doc-wrap {
        padding: 2rem 1rem;
    }

    .modal-header {
        padding: 1rem 1rem 0 1rem;
    }

        .modal-header .close {
            top: 0.7rem;
        }

    .modal-body {
        padding: 1rem;
    }

    .modal-footer {
        padding: 0 1rem 1rem 1rem;
    }

    img[id="Picture 6"] {
        width: 100%;
        height: auto
    }

    img[id="Picture 7"] {
        width: 100%;
        height: auto
    }

    .search-tabs .nav-tabs {
        font-size: 0.75rem;
        margin-left: -10px;
        margin-right: -10px;
    }

        .search-tabs .nav-tabs > li + li {
            margin-left: 0.3rem;
        }
}

@media (max-width: 320px) {
    .search-tabs .nav-tabs > li {
        float: unset;
    }

        .search-tabs .nav-tabs > li + li {
            margin-left: 0;
        }

    .icon18 {
        width: 1.5rem;
        height: 1.5rem;
    }
    .icon-flag{width:1.8rem; height:1.8rem;}
    #top-nav > li + .nav-group {
        margin-left: 1.2rem;
    }
}

@media (max-width: 240px) {
    /* jump fix */
    .navbar-brand {
        margin-top: 3.5rem;
    }
}