@media only screen and (max-width: 1640px) {
.slider_home .owl-prev {left:3%;}
.slider_home .owl-next {right:3%;}
.icgf .logo { width:35%}
}

@media only screen and (max-width: 1500px) {
.menu-wrapper a { padding:.7rem 0;}
.logo {padding:1rem; } 
}

@media only screen and (max-width: 1366px) {
html { font-size:100%;}
.wrapper { width:94%}
.procedure p {font-size:1rem;}
.procedure a.button {font-size:.75rem;}
.accent article {font-size:1rem;}
.accent article p.date, .copyright { font-size:.875rem;}
h5, h6, .submenus ul li a, .login-inner a.login-button, .login-inner a.reg-button, .boxes ul li { font-size:.875rem} 
.text {padding:0 2.5rem;} 
.menu-wrapper {font-size:.875rem;}
.menu-wrapper .menu > li { padding:0 .3rem}
.icgf .logo img { width:90%}
.bottom-links { font-size:.875rem}
}

@media only screen and (max-width: 1280px) {
.about-text .section-title, .accent .section-title {font-size:2.75rem;}
.rwdtable { width:100%; overflow-x: scroll}
}
@media only screen and (max-width:1220px) {
.slider_home {}
.slider_home img {width: auto !important;}
.slider-title { font-size:2rem}

.logo { padding:1rem 1rem .5rem}
.logo img { width:90%}

.js .menu-wrapper nav[role=navigation] { overflow: hidden; max-height: 0em;  position:absolute; right:0; width:100%; max-width:300px; font-size:.875rem !important}
.js .menu-wrapper nav[role=navigation].active { max-height: 35rem; transition: max-height 0.5s ease-out;}
.menu-wrapper { width:50%; float:right; position:relative}
.menu-wrapper a.menu-link {display: block; width: auto; border: none; margin: 0; text-align:right; line-height:24px; padding:.5rem 0 0; font-size:.875rem;}
.menu-wrapper a.menu-link:after { display:none}
.ico-caret-down { float:right; width:24px; height:24px; line-height:24px; text-align:center; position:relative; background:url(../images/menu-icon.png) no-repeat right center;}
.menu-wrapper .menu .menu {}

.menu-wrapper .menu li { display: block;}
.menu-wrapper .menu li:first-of-type { border-top:2px solid #393939;}
.menu-wrapper .menu > li {padding: 0px; border: 1px solid #e9e9e9; border-top: none; background:#ffffff;}
.menu-wrapper .menu > .current-menu-item > a, .menu-wrapper .menu > .current-menu-ancestor > a { border-bottom: 0px solid #7e0b0b;}
.menu-wrapper .menu > li + li { }
.menu-wrapper .menu a { padding: 0.5rem 2.5rem .5rem 1rem;  margin: 0px;  border: none; }
.menu-wrapper .menu a.active:after { display:none}
.menu-wrapper .menu a:hover {color:#003d99;}
.menu-wrapper li + li a:before {content: "";}
.menu-wrapper li:hover .sub-menu { max-height: 0em; transition: none;}
.menu-wrapper .sub-menu { background: none; display: block; width: 100%; padding:0; margin:0 }
.menu-wrapper .sub-menu li, .menu-wrapper .sub-menu li a { margin: 0; display: block; width: 100%; text-align:right;border:0px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; padding-right:1.5rem;}
.menu-wrapper .sub-menu li a {padding-left: 0.8em; border-bottom:0px solid #e9e9e9; color:#003d99}
.menu-wrapper .sub-menu a:hover {background: #e9e9e9; color:#000}
.menu-wrapper .sub-menu li:last-child {}
.menu-wrapper .sub-menu li:last-child a { border: none;  padding-right:1.5rem;}
.menu-wrapper .menu .has-subnav { position: relative;}
.menu-wrapper li .sub-menu.active { max-height: 35rem; overflow: visible; position: relative; z-index: 9; transition: max-height 0.5s ease-out;}
.menu-wrapper .toggle-link {display: block; position: absolute; right: 0px; z-index: 200; font-size: 0em; cursor: pointer; speak: none; font-style: normal; font-weight: normal; line-height: 1;  -webkit-font-smoothing: antialiased;}
.menu-wrapper .toggle-link:hover {transition: all 0.2s; background: #e9e9e9;}
.menu-wrapper .menu .has-subnav > .toggle-link:after { content: "+"; position: absolute; width:36px; height:36px; line-height:36px; text-align:center; top: 50%; bottom: 50%; right:0; font-size:1.5rem; color: #000; font-weight:400; background:#e9e9e9; }

.text { width:calc(100% - 280px); padding-right:0}
.right-sidebar {width:100%; margin-top:2rem;}
.boxes { width:100%; margin-top:1rem;}

.text.one-sidebar + .right-sidebar {width:280px;}
.text.one-sidebar + .right-sidebar .boxes { width:100%; margin-top:2rem;}

.box-service { width:31%;}
}


@media only screen and (max-width:1023px) {
.about-text {width:100%; display:block; padding:2.5rem 0; background:rgba(255,255,255,.9)}
.accent article { width:100%; padding:1rem 0; margin-left:0;}
.representatives {padding:0 0 2.5rem 0}

h1 { font-size:2rem;}
}

@media only screen and (max-width:960px) {
.left-sidebar { width:220px;}
.text, .text.one-sidebar { width:calc(100% - 220px); }
.text.one-sidebar + .right-sidebar {width:220px;}
.text.one-sidebar + .right-sidebar .boxes ul { padding-right:0}
.login-inner {padding:1rem;}
.login-inner a.login-button { padding:.3rem .6rem;}
.reference { margin-top:-2rem;}
.box-service { margin-top:2rem;}
}
@media only screen and (max-width:900px) {
.box-service { width:48%; padding:1rem 1.5rem; margin:1rem 1%}
.box-service:hover { padding:1rem 1.5rem; margin:1rem 1%}
.box-service:after {padding-bottom:0}
.box-service:hover:after { padding-bottom:0}

.slider_home .owl-prev {left:3%; top: auto; transform:translateY(0); bottom:0rem}
.slider_home .owl-next {right:3%;top: auto; transform:translateY(0); bottom:0rem}
.service { width:98%; margin:0 1% 2rem}
.row img { display:none;}
.row .wrapper div, .row.gray .wrapper div { padding:0 1.5rem}
.services { margin-bottom:3rem;}
.row {padding:3rem 0;}
}

@media only screen and (max-width:768px) {
.left-sidebar { width:100%; padding-bottom:2rem;}
.text { width:100%; padding-left:0}
.login-inner { text-align:center}
.submenus ul { display:none}
.tinynav { display:block}

.text.one-sidebar { width:100%; padding-right:0}
.text.one-sidebar + .right-sidebar {width:100%;}
.text.one-sidebar + .right-sidebar .boxes ul { padding-right:1.5rem}
.right-sidebar .login-inner { margin-top:2rem;}

}

@media only screen and (max-width:700px) {
.procedure article {width:100%; padding-left:0; float:left;}
.procedure article:first-of-type {padding-right:0; padding-left:0;  padding-bottom:2rem}

.logo { position:relative; text-align:center; width:100%;}
.icgf .logo { width:100%}
.logo img, .icgf .logo img {max-height:50px; width:auto;}
.small_nav {width:50%; text-align:right}
.search {width:50%;}
.small_nav a { padding:0 .5rem;}
.menu-wrapper { width:100%; float:right; position:relative}
}

@media only screen and (max-width:640px) {
	.slider_home { }
.slider_home img {width: auto !important; }
.slider-title { font-size:1.75rem}
.item-text a.slide-button { padding:.5rem 1.5rem;}
.rwdtable { width:100%; overflow-x: auto}
.success-results tr th { display:none}
.success-results tr { display: block; width:100%; float:left; border-bottom:3px solid #ffffff;}
.success-results tr td { display:block; width:100%; float:left; text-align:right; position:relative;  padding:.5rem;  border-bottom:1px solid #ffffff;}
.success-results tr td:before { content:attr(data-title); float:left; text-align:left !important; color:#919191; max-width:50%; padding-right:.5rem}
.gray-box-services { width:90%;}
.success-results-sm {padding: 0; margin:0; width:100%; border-collapse: separate; font-size: .778rem; }
.service a img { width:80px;}
.service a div { width:calc(100% - 80px);}
.reference { margin-bottom:2rem;}
.services { margin-bottom:2rem;}
}

@media only screen and (max-width:600px) {
.login .user, .login .pass { width:calc(100% - 2rem); display:block; margin-top:1rem }
.login .login-button { margin-top:0}
.boxes { width:100%;}
.text article { width:100%; font-size:1rem; padding:1rem 0; margin-left:0; }
.search-form table tr:first-of-type{display: none;}
.search-form table tr td span {display: block;}
.search-form table tr td {display: block; width: 100%; float: left; margin-bottom: .3rem; padding-right: 0}
.search-form table tr td:last-of-type {width: 100%;}
.gray-box  table tr td {padding: .3rem 1rem; display:block; width:100% !important}
.gray-box  table tr td:first-of-type { padding-top:1rem}

.box-service { width:98%;}
}

@media only screen and (max-width:500px) {
.about-text .section-title, .accent .section-title {font-size:2.333rem;}
.about .wrapper { background:url(../images/about-bg.jpg) no-repeat right top; background-size:100% auto}
.reference a.button {padding:.5rem 1rem;}
.representatives a {font-size:1rem;}
.representatives a img { width:75px; top:-1.5rem;}

.small_nav {width:100%; text-align:center}
.search {width:100%;}

.logged-user { text-align:center;}
.logged-user br { display:block;}
.logged-user a { padding:.5rem}
.service a span { font-size:1.2rem}


.column { width:100%; text-align:center !important}
.column:last-of-type { padding-top:1rem}

}
@media only screen and (max-width:320px) {
.logo img, .icgf .logo img {max-height: none; width:90%;}
}