@media screen and (max-width:800px) {
	.header {
		width: 100%;
		display: block
	}
	.header .col1 .logo-wrap {
		padding: 20px
	}
	.header .contact-wrap .tel {
		font-size: 30px;
		white-space: nowrap
	}
	.nav-bar .nav-wrap {
		width: calc(100% - 0px);
		display: block
	}
	.nav-bar .nav-wrap .col1,
	.nav-bar .nav-wrap .col2 {
		float: none;
		width: 100%
	}
	.nav-bar .nav-wrap ul.nav li {
		margin: 0
	}
	.nav-bar .nav-wrap ul.nav li a.main-menu-link {
		padding: 10px;
		font-size: 20px;
		line-height: 23px
	}
	.nav-bar .nav-wrap ul.nav li>ul.sub-menu {
		top: 43px
	}
	.nav-bar .nav-wrap .search-wrap {
		margin: 0 50px;
		padding-bottom: 10px
	}
	.nav-bar .nav-wrap .search-wrap .search-box input.search-field {
		width: calc(100% - 160px)
	}
	.content .rtc-text {
		width: calc(100% - 20px);
		font-size: 15px;
		display: block
	}
	.content .banner .splash-area img.splash {
		display: none
	}
	.content .banner .splash-area img.mobile-splash {
		display: block
	}
	.content .banner .splash-txt-wrap>span {
		font-size: 30px;
		line-height: 40px
	}
	.content .small-circle {
		width: 100px;
		height: 100px
	}
	.content .small-circle:before {
		width: 100px;
		height: 100px;
		clip: rect(50px, 100px, 100px, 0)
	}
	.content .small-circle .banner-down-arrow {
		width: 80px;
		height: 80px;
		top: calc(50% - 40px);
		left: calc(50% - 40px)
	}
	.content .middle {
		width: 100%;
		display: block;
		margin-top: -20px !important; /*RWC*/
	}
	.content .middle .box {
		margin-left: 30px;
		margin-right: 30px;
		margin-bottom: 50px !important;
	}
	.content .middle .box .drop-list {
		width: calc(100% + 4px)
	}
	.content .middle .box .toggle-detail:after {
		width: calc(100%)
	}
	.content .middle .box .company {
		padding: 20px 15px 10px
	}
	.content .middle .box .company .company-logo {
		width: calc(100% - 180px)
	}
	.content .middle .box .company .company-desc {
		font-size: 20px;
		line-height: 24px;
		white-space: normal
	}
	.content .middle .box .toggle-detail span.down-arrow {
		width: 80px;
		height: 80px;
		margin-top: 10px
	}
	.content .middle .box .toggle-detail span.down-arrow:after {
		width: 66px;
		height: 66px;
		top: calc(50% - 40px);
		left: calc(50% - 40px)
	}
	.content .middle .box .drop-list {
		height: 80px
	}
	.content .middle .box .box-list-wrap {
		width: calc(100% - 20px)
	}
	.box-list-wrap#msc-list .col1 ul.drop-ul {
		padding: 10px 10px 10px 20px
	}
	.box-list-wrap#msc-list .col2 ul.drop-ul {
		padding: 10px
	}
	.box-list-wrap#microplastics-list ul.drop-ul li .item>span.item-lbl,
	.box-list-wrap#brighton-list ul.drop-ul li .item>span.item-lbl,
	.box-list-wrap#msc-list ul.drop-ul li a.box-item-link,
	.box-list-wrap#rotor-list .row span.row-lbl,
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link {
		font-size: 14px;
		line-height: 18px
	}
	.box-list-wrap#rotor-list .row .col1,
	.box-list-wrap#rotor-list .row .col2 {
		height: 120px
	}
	.box-list-wrap#rotor-list .row .col1 .lbl-wrap {
		height: 101px
	}
	.box-list-wrap#unicorp-list .col1 .drop-ul li .lbl-wrap,
	.box-list-wrap#unicorp-list .col2 .drop-ul li .lbl-wrap {
		height: 134px
	}
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link.line1 {
		top: calc(50% - 9px)
	}
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link.line2 {
		top: calc(50% - 18px)
	}
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link.line3 {
		top: calc(50% - 27px)
	}
	.after-middle .screw-splash>img,
	.screw-splash-wrap .screw-splash>img {
		position: relative;
		top: -30px;
		left: auto
	}
	.after-middle h2.heading {
		padding: 30px 0;
		font-size: 34px;
		line-height: 40px
	}
	.after-middle h2.heading span {
		margin: 0
	}
	.after-middle h2.heading .toolbox {
		left: 5px !important;
		width: calc(100% - 10px) !important
	}
	.after-middle h2.heading .toolbox .logo-wrap {
		width: 120px !important
	}
	.after-middle h2.heading .toolbox .txt-wrap p {
		font-size: 14px !important
	}
	.sub-section .wrap .feature {
		width: calc(100% - 60px)
	}
	.sub-section .wrap .feature .portfolio .item {
		width: 32%;
		height: 200px;
		margin: 0 2% 5px 0
	}
	.screw-splash-wrap {
		min-height: none !important
	}
	.quote-wrap h2.heading {
		font-size: 28px;
		line-height: 28px
	}
	.quote-wrap .btn-wrap button.btn-request-quote {
		padding: 12px 20px;
		font-size: 18px;
		line-height: 20px
	}
	.section-before-footer .wrap {
		width: 100%;
		display: block
	}
	.section-before-footer .wrap .industry-item {
		width: 480px
	}
	.section-footer-btn .btn-wrap .btn-big-footer h2 {
		font-size: 34px;
		line-height: 36px
	}
	.section-footer-btn .btn-wrap .btn-big-footer h4 {
		font-size: 26px;
		line-height: 28px
	}
	.section-footer-btn .btn-wrap .btn-big-footer {
		width: calc(100% - 100px);
		margin: 0 auto
	}
	.section-footer-btn .btn-wrap .btn-big-footer .fold-wrap {
		width: calc(100% + 70px)
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap .box-close-wrap span.btn-center span.down-arrow,
	.section-footer-btn .btn-wrap .btn-big-footer span.btn-center span.down-arrow {
		width: 80px;
		height: 80px
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap .box-close-wrap span.btn-center span.down-arrow:after,
	.section-footer-btn .btn-wrap .btn-big-footer span.btn-center span.down-arrow:after {
		width: 66px;
		height: 66px;
		top: calc(50% - 40px);
		left: calc(50% - 40px)
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap {
		width: calc(100% - 20px)
	}
	.footer .footer-details,
	.footer .footer-wrap {
		width: 100%;
		display: block
	}
	.footer .footer-wrap .footer-links {
		width: calc(100% - 60px)
	}
	.footer .footer-wrap .footer-links .col1,
	.footer .footer-wrap .footer-links .col2,
	.footer .footer-wrap .footer-links .col3,
	.footer .footer-wrap .footer-links .col4 {
		width: 25%
	}
	.contact-form-wrap,
	.page-content {
		width: calc(100% - 20px);
		display: block
	}
	.contact-form-wrap .contact-form,
	.page-content .content-wrap {
		padding: 40px 50px
	}
	.contact-form-wrap .contact-form .field-set .col1 {
		width: 68%
	}
	.contact-form-wrap .contact-form .field-set .col2 {
		width: 29%
	}
	.contact-form-wrap .contact-form .btn-submit {
		padding: 12px 10px;
		font-size: 18px
	}
	
		/*RWC*/
    .footer .col2 div {
       /* border: 1px;
        background: #ff0000;*/
        width: 50%;
        margin-left:150px;
        margin-top:50px;
        text-align:center;
        font-size: 110%;
        line-height:100%;
    }

    .footer .col1 div {
       /* border: 1px;
        background: #ff0000;*/
        width: 50%;
        margin-left:100px;
        margin-top:50px;
        text-align:center;
        font-size: 110%;
        line-height:100%;
    }
    
    .footer .footer-details .col1, 
    .footer .footer-details .col2,
    .footer .footer-details .col3{
        width:100%;
        margin-bottom:50px;
        float: none;
    }
    
    .footer .footer-details .col3{
        margin-bottom: 0px;
    }

    
    .footer .footer-details .col1 div, 
    .footer .footer-details .col2 div,
    .footer .footer-details .col3 div {
        width:100%;
        margin-left: 0;
        margin-top: 0;
    }
    
    .footer .footer-details .details .txt-wrap .desc.addr
    {
        padding: 0;
    }
}

@media screen and (min-width:480px) and (max-width:700px) {
	.header .col1 .logo-wrap {
		padding: 20px 20px 20px 10px
	}
	.header .contact-wrap .tel {
		font-size: 32px
	}
	.nav-bar .nav-wrap {
		width: 100%
	}
	.nav-bar .nav-wrap .search-wrap {
		margin: 0 5px;
		padding-bottom: 10px
	}
	.content .middle,
	.sub-section .wrap .feature {
		width: 95%
	}
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.content .middle {
		margin-top: 10px !important
	}
}

@media screen and (max-width:480px) {
	.header .col1,
	.header .col2 {
		float: none;
		width: 100%
	}
	.header .contact-wrap {
		padding: 5px 25px;
		text-align: center
	}
	.header .logo-txt {
		padding: 5px 25px 10px
	}
	.header .logo-txt h2 {
		font-size: 25px;
		line-height: 28px;
		text-align: center
	}
	.nav-bar .nav-wrap ul.nav li a.main-menu-link {
		padding: 9px;
		font-size: 20px;
		line-height: 28px
	}
	.nav-bar .nav-wrap .search-wrap {
		margin: 0 10px;
		padding: 0 10px
	}
	.content .parts-shapes {
		height: 45px;
		/*background-size: contain;*/
		background-size: auto 45px;
	}
	.content .banner .splash-area {
		top: -30px
	}
	.content .banner .splash-txt-wrap>span.col1,
	.content .banner .splash-txt-wrap>span.col2 {
		font-size: 20px;
		line-height: 24px
	}
	.content .small-circle {
		width: 80px;
		height: 80px
	}
	.content .small-circle:before {
		width: 80px;
		height: 80px;
		clip: rect(40px, 80px, 80px, 0)
	}
	.content .small-circle .banner-down-arrow {
		width: 60px;
		height: 60px;
		top: calc(50% - 30px);
		left: calc(50% - 30px)
	}
	.content .small-circle .banner-down-arrow:before {
		height: 30px;
		top: calc(50% - 5px)
	}
	.content .middle {
		margin-top: 25px !important
	}
	.content .middle .box {
		margin-left: 20px;
		margin-right: 20px;
		margin-bottom: 50px !important;
	}
	.content .middle .box .company {
		padding: 10px 15px 0;
		max-height: 135px
	}
	.content .middle .box .company .company-logo {
		width: calc(100% - 40px)
	}
	.content .middle .box .company .company-desc {
		font-size: 16px;
		line-height: 22px
	}
	.content .middle .box .toggle-detail span.down-arrow {
		width: 60px;
		height: 60px;
		margin-top: 10px
	}
	.content .middle .box .toggle-detail span.down-arrow:after {
		width: 56px;
		height: 56px;
		top: calc(50% - 35px);
		left: calc(50% - 35px)
	}
	.content .middle .box .toggle-detail span.down-arrow:before {
		height: 30px;
		top: calc(50% - 5px)
	}
	.content .middle .box .toggle-detail {
		height: 90px;
		padding-top: 12px
	}
	.content .middle .box .toggle-detail:after {
		top: 35px
	}
	.content .middle .box .toggle-detail span.down-arrow.rotate:before {
		transform-origin: 50% 6px;
		-webkit-transform-origin: 50% 6px;
		-ms-transform-origin: 50% 6px;
		-moz-transform-origin: 50% 6px
	}
	.content .middle .box .drop-list {
		height: 64px
	}
	.content .middle .box .box-list-wrap {
		padding: 7px;
		width: calc(100% - 14px)
	}
	.content .middle .box .box-list-wrap:before {
		width: calc(100% - 14px)
	}
	.box-list-wrap#msc-list .col1,
	.box-list-wrap#msc-list .col2 {
		width: 50%;
		padding: 5px 0
	}
	.box-list-wrap#msc-list .col1 ul.drop-ul,
	.box-list-wrap#msc-list .col2 ul.drop-ul {
		padding: 10px 5px
	}
	.box-list-wrap#msc-list ul.drop-ul li {
		height: 90px;
		padding-bottom: 10px
	}
	.box-list-wrap#msc-list ul.drop-ul li span.img-item {
		display: block;
		width: 90px;
		height: 45px;
		margin: 0 auto
	}
	.box-list-wrap#microplastics-list ul.drop-ul li .item>span.item-lbl,
	.box-list-wrap#brighton-list ul.drop-ul li .item>span.item-lbl,
	.box-list-wrap#msc-list ul.drop-ul li a.box-item-link,
	.box-list-wrap#rotor-list .row span.row-lbl,
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link {
		font-size: 12px;
		line-height: 16px;
		padding: 10px 0 10px 5px
	}
	.box-list-wrap#rotor-list .row .col1,
	.box-list-wrap#rotor-list .row .col2 {
		float: none;
		width: calc(100% - 20px);
		margin: 0 auto;
		height: 100px
	}
	.box-list-wrap#rotor-list .row .col1 .img-wrap {
		width: 40%
	}
	.box-list-wrap#rotor-list .row .col1 .lbl-wrap {
		width: 60%;
		height: 98px
	}
	.box-list-wrap#rotor-list .row span.row-lbl {
		padding: 10px 0 10px 25px;
		font-size: 14px
	}
	.box-list-wrap#rotor-list .row .col2 img.item-img {
		max-width: 90%;
		margin: 0 auto;
		padding: 5px 10px
	}
	.box-list-wrap#unicorp-list .col1,
	.box-list-wrap#unicorp-list .col2 {
		padding: 10px 0
	}
	.box-list-wrap#unicorp-list .col1 .drop-ul {
		padding-left: 10px;
		padding-right: 0;
		padding-bottom: 10px
	}
	.box-list-wrap#unicorp-list .col2 .drop-ul {
		padding-left: 0;
		padding-right: 10px;
		padding-bottom: 10px
	}
	.box-list-wrap#unicorp-list .drop-ul li {
		padding: 5px
	}
	.box-list-wrap#unicorp-list .col1 .drop-ul li .img-wrap,
	.box-list-wrap#unicorp-list .col1 .drop-ul li .lbl-wrap,
	.box-list-wrap#unicorp-list .col2 .drop-ul li .img-wrap,
	.box-list-wrap#unicorp-list .col2 .drop-ul li .lbl-wrap {
		float: none;
		width: 100%
	}
	.box-list-wrap#unicorp-list .col1 .drop-ul li .lbl-wrap,
	.box-list-wrap#unicorp-list .col2 .drop-ul li .lbl-wrap {
		height: 30px
	}
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link.line1 {
		top: 0;
		display: block
	}
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link {
		position: relative;
		padding: 5px 0 10px 20px
	}
	.after-middle h2.heading {
		padding: 20px 0;
		font-size: 30px;
		line-height: 42px
	}
	after-middle h2.heading span {
		margin: 0
	}
	.sub-section .wrap .feature {
		width: calc(100% - 40px)
	}
	.sub-section .wrap .feature .portfolio .item {
		width: 100%;
		height: 290px;
		margin-right: auto;
		margin-left: auto;
		margin: 0 0 0 0 ;
		text-align: center;
	}
	.sub-section .wrap .feature .portfolio .item img.portfolio-img {
	    /*RWC*/
		/*left: calc(50% - 162.5px)*/
		margin: 0 auto;
		position: relative;
	}
		
	.quote-wrap {
		padding: 15px 20px
	}
	.quote-wrap h2.heading {
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 5px
	}
	.quote-wrap .btn-wrap button.btn-request-quote {
		padding: 10px 20px;
		font-size: 16px;
		line-height: 18px
	}
	.section-before-footer .wrap .industry-item {
		width: 100%
	}
	.section-footer-btn {
		padding: 15px 0 10px
	}
	.section-footer-btn .btn-wrap .btn-big-footer {
		width: calc(100% - 30px);
		margin: 0 auto;
		padding: 10px
	}
	.section-footer-btn .btn-wrap .btn-big-footer h2 {
		font-size: 20px;
		line-height: 24px;
		padding-bottom: 3px
	}
	.section-footer-btn .btn-wrap .btn-big-footer h4 {
		font-size: 18px;
		line-height: 22px
	}
	.section-footer-btn .btn-wrap .btn-big-footer span.left-txt,
	.section-footer-btn .btn-wrap .btn-big-footer span.right-txt {
		width: 110px
	}
	.section-footer-btn .btn-wrap .btn-big-footer span.btn-center {
		width: 100px
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap .box-close-wrap span.btn-center span.down-arrow,
	.section-footer-btn .btn-wrap .btn-big-footer span.btn-center span.down-arrow {
		width: 60px;
		height: 60px;
		left: calc(50% - 30px)
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap .box-close-wrap span.btn-center span.down-arrow:after,
	.section-footer-btn .btn-wrap .btn-big-footer span.btn-center span.down-arrow:after {
		width: 56px;
		height: 56px;
		top: calc(50% - 35px);
		left: calc(50% - 35px)
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap .box-close-wrap span.btn-center span.down-arrow:before,
	.section-footer-btn .btn-wrap .btn-big-footer span.btn-center span.down-arrow:before {
		height: 30px;
		top: calc(50% - 5px)
	}
	.section-footer-btn .btn-wrap .btn-big-footer .fold-wrap {
		width: calc(100% + 20px);
		left: -10px
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap {
		padding-top: 10px;
		max-height: 400px;
		overflow-y: auto
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap .col1,
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap .col2,
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap .col3 {
		float: none;
		width: 100%
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap ul.industrial-list {
		margin-right: 0
	}
	.section-footer-btn .btn-wrap .btn-big-footer .industrial-wrap ul.industrial-list li {
		font-size: 14px;
		line-height: 20px
	}
	.footer .footer-details,
	.footer .footer-wrap {
		padding: 0 0 20px
	}
	.footer .footer-wrap .footer-links {
		width: calc(100% - 40px);
		padding-top: 20px;
		margin-left:40px; /*RWC*/
	}
	.footer .footer-wrap .footer-links .col1,
	.footer .footer-wrap .footer-links .col2,
	.footer .footer-wrap .footer-links .col3,
	.footer .footer-wrap .footer-links .col4 {
		width: 50%;
		padding-bottom: 20px
	}
	.footer .footer-details .details i.addr-icon,
	.footer .footer-details .details i.email-icon,
	.footer .footer-details .details i.phone-icon {
		width: 75px;
		height: 75px;
		background-size: cover
	}
	.footer .footer-details .details label.lbl {
		font-size: 14px;
		line-height: 18px
	}
	.footer .footer-details .details .txt-wrap {
		padding: 5px
	}
	.footer .footer-details .details .txt-wrap span.email-addr {
		font-size: 11px
	}
	.footer .footer-details .details {
		font-size: 12px
	}
	.footer .footer-details .details .txt-wrap .desc {
		padding: 0
	}
	.footer .footer-details .details .txt-wrap .desc.addr {
		padding: 0 10px
	}
	.footer .footer-details .details .tel-num-wrap span.tel-no a {
		font-size: 14px
	}
	.footer .footer-details .copyrights {
		padding: 25px 0 20px;
		font-size: 12px
	}
	.page-content .content-wrap .heading {
		padding: 0 15px 15px
	}
	.contact-form-wrap .contact-form,
	.page-content .content-wrap {
		padding: 30px 25px
	}
	.page-content .content-wrap .details .row .col1,
	.page-content .content-wrap .details .row .col2 {
		float: none;
		width: 100%;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 20px
	}
	.contact-form-wrap .contact-form .field-set label {
		font-size: 16px
	}
	.contact-form-wrap .contact-form .field-set label:after {
		content: '';
		clear: both;
		display: block
	}
	.contact-form-wrap .contact-form .field-set label[for=by-email],
	.contact-form-wrap .contact-form .field-set label[for=by-phone],
	.contact-form-wrap .contact-form .field-set label[for=do-not-contact] {
		font-size: 15px;
		line-height: 21px
	}
	.contact-form-wrap .contact-form .field-set input[type=text] {
		padding: 7px 10px
	}
	.contact-form-wrap .contact-form .field-set input[type=checkbox] {
		float: left
	}
	.contact-form-wrap .contact-form .field-set .col1,
	.contact-form-wrap .contact-form .field-set .col2,
	.contact-form-wrap .contact-form .field-set .col3 {
		float: none;
		width: 100%
	}
	.contact-form-wrap .contact-form .captcha {
		margin-bottom: 5px
	}
	.g-recaptcha {
		transform: scale(0.87);
		-webkit-transform: scale(0.87);
		transform-origin: 0 0;
		-webkit-transform-origin: 0 0
	}
	.contact-form-wrap .contact-form .btn-submit {
		margin-top: 5px
	}
	.page-content .content-wrap .desc p {
		word-wrap: break-word
	}
	.contact-form-wrap .contact-form .location .outer-frame {
		height: 200px
	}
	.alert-msg-wrapper span.msg-icon {
		vertical-align: top
	}
	.alert-msg-wrapper span.msg-text {
		display: inline-block;
		width: calc(100% - 35px)
	}
	
	/*RWC*/
	.footer-links
	{
	    padding-left: 0px;
	}
    .footer .footer-wrap .footer-links .col2,
    .footer .footer-wrap .footer-links .col4
    {
       /* border: 1px;
        background: #ff0000;*/
        width: 40%;
        margin-left:5%;
        font-size: 140%;
    }
    
    .footer .footer-wrap .footer-links .col1,
    .footer .footer-wrap .footer-links .col3
    {
       /* border: 1px;
        background: #ff0000;*/
        width: 40%;
        margin-left:15%;
        font-size: 140%;
    }


    .footer .footer-wrap .footer-links {
    width: 100%;
    padding-top: 20px;
    margin-left: 0;
    }
    
    .footer .footer-details .col1, 
    .footer .footer-details .col2,
    .footer .footer-details .col3
    {
        width:100%;
    }
    
    .footer .footer-details .details .txt-wrap .desc.addr
    {
        padding: 0;
    }
}

@media screen and (max-width:400px) {
	.nav-bar .nav-wrap ul.nav li a.main-menu-link {
		padding: 7px;
		font-size: 18px;
		line-height: 24px
	}
	.nav-bar .nav-wrap .search-wrap {
		margin: 0 5px;
		padding: 0 5px
	}
	.nav-bar .nav-wrap .search-wrap .search-box {
		border: 7px solid #0895c2;
		padding: 2px
	}
	.nav-bar .nav-wrap .search-wrap .search-box input.search-field {
		background-color: transparent;
		padding: 5px 5px 5px 30px;
		margin: 1px 3px;
		width: calc(100% - 150px);
		font-size: 14px
	}
	.nav-bar .nav-wrap .search-wrap .search-box button.btn-search {
		font-size: 14px
	}
	.content .banner .splash-txt-wrap>span.col1,
	.content .banner .splash-txt-wrap>span.col2 {
		font-size: 14px;
		line-height: 16px
	}
	.content .middle .box .company .company-logo {
		min-height: 70px
	}
	.content .middle .box .company .company-desc {
		padding: 14px 0 5px
	}
	.content .middle .box .drop-list .toggle-detail.expand {
		margin-top: -10px
	}
	.content .middle .box .toggle-detail {
		height: 85px
	}
	.content .middle .box .drop-list.expand {
		top: 10px
	}
	.box-list-wrap#brighton-list ul.drop-ul li {
		width: 33%;
		min-height: 165px
	}
	.box-list-wrap#unicorp-list .col1 .drop-ul li .lbl-wrap,
	.box-list-wrap#unicorp-list .col2 .drop-ul li .lbl-wrap {
		height: 60px
	}
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link.line2 {
		top: calc(50% - 33px)
	}
	.sub-section .wrap .feature .portfolio .item img.portfolio-img {
		left: 0
	}
	.section-footer-btn .btn-wrap .btn-big-footer h2 {
		font-size: 16px;
		line-height: 20px
	}
	.section-footer-btn .btn-wrap .btn-big-footer h4 {
		font-size: 15px;
		line-height: 18px;
		height: auto
	}
	.footer .footer-logo-wrap {
		padding: 15px 0
	}
	.footer .footer-logo-wrap .footer-logo {
		width: calc(100% - 30px)
	}
	.footer .footer-details .col1,
	.footer .footer-details .col2,
	.footer .footer-details .col3 {
		float: none;
		width: 100%;
		padding-bottom: 15px
	}
	/*RWC*/
    .footer .footer-wrap .footer-links .col1,
    .footer .footer-wrap .footer-links .col2,
    .footer .footer-wrap .footer-links .col3,
    .footer .footer-wrap .footer-links .col4
    {
       /* border: 1px;
        background: #ff0000;*/
        width: 40%;
        margin-left:10%;
        font-size: 140%;
    }

    .footer .footer-wrap .footer-links {
    width: 100%;
    padding-top: 20px;
    margin-left: 0;
    }

}

@media screen and (max-width:359px) {
	.header .logo-txt h2 {
		font-size: 22px;
		line-height: 25px;
		text-align: center
	}
	.nav-bar .nav-wrap ul.nav li a.main-menu-link {
		padding: 5px;
		font-size: 16px;
		line-height: 24px
	}
	.nav-bar .nav-wrap .search-wrap {
		margin: 0 5px;
		padding: 0 5px
	}
	.content .banner .splash-txt-wrap>span.col1,
	.content .banner .splash-txt-wrap>span.col2 {
		font-size: 12px;
		line-height: 16px
	}
	.content .middle .box .company .company-logo {
		min-height: 55px
	}
	.content .middle .box .company .company-desc {
		font-size: 14px;
		line-height: 20px;
		padding: 14px 0 5px
	}
	.content .middle .box .drop-list .toggle-detail.expand {
		margin-top: -10px
	}
	.content .middle .box .toggle-detail {
		height: 85px
	}
	.content .middle .box .drop-list.expand {
		top: 10px
	}
	.box-list-wrap#brighton-list ul.drop-ul li {
		width: 33%;
		min-height: 165px
	}
	.box-list-wrap#unicorp-list .col1 .drop-ul li .lbl-wrap,
	.box-list-wrap#unicorp-list .col2 .drop-ul li .lbl-wrap {
		height: 60px
	}
	.box-list-wrap#unicorp-list .drop-ul li .lbl-wrap a.item-link.line2 {
		top: calc(50% - 33px)
	}
	.after-middle h2.heading {
		padding: 15px 0;
		font-size: 26px;
		line-height: 36px
	}
	after-middle h2.heading span {
		margin: 0
	}
	.sub-section .wrap .feature .portfolio .item {
		height: 250px
	}
	.sub-section .wrap .feature .portfolio .item img.portfolio-img {
		left: 0
	}
	.section-footer-btn .btn-wrap .btn-big-footer h2 {
		font-size: 15px;
		line-height: 20px
	}
	.section-footer-btn .btn-wrap .btn-big-footer h4 {
		font-size: 14px;
		line-height: 18px;
		height: auto
	}
	.section-footer-btn .btn-wrap .btn-big-footer span.left-txt,
	.section-footer-btn .btn-wrap .btn-big-footer span.right-txt {
		width: 90px
	}
	.quote-wrap h2.heading {
		font-size: 20px;
		line-height: 26px;
		padding-bottom: 5px
	}
	.footer .footer-logo-wrap {
		padding: 15px 0
	}
	.footer .footer-logo-wrap .footer-logo {
		width: calc(100% - 30px)
	}
	.footer .footer-details .col1,
	.footer .footer-details .col2,
	.footer .footer-details .col3 {
		float: none;
		width: 100%;
		padding-bottom: 15px
	}
}