.menu-toggle{ background:url(../images/menu_toggle.html) no-repeat 98% center; cursor:pointer; color:#fff; text-align:left; width:100%; text-transform:uppercase; padding:5px 0; display:none;}

@media only screen and (max-width: 1800px) {
h2{ font-size:90px}
h3{ font-size:60px; line-height:64px}
#logo img{ height:140px; width:140px}
.inner-header #logo img{ height:55px}
.contact-header #logo img{ width: auto; height:74px}
.process-list ul li{ width:11%}
.process-list ul li .process-detail{ width:100%}
.contact-info{ padding-top:6%; padding-bottom:6% !important}
}

@media only screen and (max-width: 1600px) {
h2{ font-size:80px}
h3{ font-size:56px; line-height:60px}
p{ font-size:18px; line-height:28px}
#logo img{ height:140px;  width:140px}
.inner-header #logo img{ height:55px}
.contact-header #logo img{ height:72px}
.portfolio-btn{ margin-top:7%}
footer .col-6 img{ height:110px}
.service-content ul li{ font-size:22px; line-height:26px}
.info-content{ padding-right:10%}
.company-info + .company-info .info-content{ padding-left:10%}

/*
.tab_content ul li .content a{ margin-top:25px}
.tab_content ul li .content a img{ height:40px}
*/

.contact-form form{ width:80%}
.contact-form form span.wpcf7-form-control-wrap{ margin-bottom:25px}
.testimonial-section{ padding:2% 5%}

}

@media only screen and (max-width: 1400px) {
h2{ font-size:70px}
h3{ font-size:52px; line-height:56px}
h4{ font-size:38px; line-height:58px}
p{ font-size:16px; line-height:26px}
#logo img{ height:180px}

.inner-header #logo img{ height:50px}
.contact-header #logo img{ height:70px}
.portfolio-btn{ margin-top:6%; font-size:18px}
.wrapper{ width:90%}
.firm-content-box{ padding:3% 2.5%}
.firm-content-box h5{ margin-bottom:20px}
.firm-content-box p{ margin-bottom:20px}
.portfolio-gallery ul li .content{ padding-top:25%}
footer .col-6 img{ height:140px}
.social li .fa{ font-size:42px}
.inner-content{ padding:3% 0}
.inner-header .social .fa{ font-size:44px}
.contact-header .social .fa{ font-size:44px}
.service-offering figure{ width:65%}
.service-content{ width:35%}
.service-content ul{ padding:5% 0}
.service-content ul li{ font-size:20px; line-height:24px; margin-bottom:5%; background-size:22px}
.service-offering{ margin-bottom:0}
.process-list ul li{ width:11%}
.process-list ul li .process-detail{ width:100%}
.process-list ul li .process-detail span{ font-size:13px}
.our-team .slick-slide img{ width:250px; height:250px}
.our-team .slick-center img{ width:350px; height:350px}
.our-team .slick-slide p{ font-size:14px; line-height:22px}
.slide-cont{  margin:3% 0 0 }
.process-list{ padding:30% 0 30%}

/*
.tab_content ul li .content a{ margin-top:20px}
.tab_content ul li .content a img{ height:40px}
*/

.slider-for .slick-prev{width:60px; height:70px}
.slider-for .slick-next{width:60px; height:70px}


.contact-form form{ width:85%}
.contact-info{ padding:4% 4% 3%}
.contact-info a{ font-size:33px}
.contact-info .fax{ font-size:33px}
.back-arrow{ margin-top:1.5%}

footer{ padding:35px 0 25px}
.contact-form form span.wpcf7-form-control-wrap{ margin-bottom:20px}

.testimonial-section{ padding:2% 7%}
}

@media only screen and (max-width: 1200px) {
h2{ font-size:60px}
h3{ font-size:48px; line-height:52px}
h4{ font-size:34px; line-height:54px}
h5{ font-size:20px; line-height:24px}
h6{ font-size:18px; line-height:26px}
p{ font-size:15px; line-height:24px}
#logo img{ height:140px}
.inner-header nav li a{ font-size:16px; line-height:24px; text-transform: uppercase;
}
.inner-header #logo img{ height:50px}

.contact-header nav li a{ font-size:16px; line-height:24px}
.contact-header #logo img{ height:68px}

.portfolio-btn{ margin-top:5%; font-size:16px; padding:20px 35px 18px}
.wrapper{ width:92%}
.inner-banner-content{ padding-top:10%}
.portfolio-gallery ul li .content{ padding-top:15%}
.our-firm figure{ width:60%}
.firm-content-box{ width:40%}
.firm-content-box h5{ margin-bottom:10px}
.firm-content-box p{ margin-bottom:20px}
footer .col-6 img{ height:120px}
.social li .fa{ font-size:38px}
.social li{ margin-right:15px}
.inner-header .social .fa{ font-size:40px}
.contact-header .social .fa{ font-size:40px}
.mission-statement h3{ margin-bottom:3%}

.our-team .slick-slide img{ width:60%; height:60%; margin-top:15%}
.our-team .slick-center img{ width:90%; height:90%; margin-top:0}
.our-team .slick-next{ top:16%}
.our-team .slick-prev{ top:16%}
.info-content{ padding-left:4%; padding-right:5%}

.process-list ul{ width:300px; display:inline-block; float:none}
.process-list ul li{ width:50%; padding:15% 0}
.process-list ul li .process-detail{ left:-225%; top:30%; padding:0; min-height:auto}
.process-list ul li:nth-child(2n) .process-detail{ right:-275px; top:30%; padding:0; min-height:auto; left:0; right:-225%}
.process-list ul::after{ width:16px; height:100%}
.process-list ul li::after{ transform:rotate(90deg); left:-55%; top:50px}
.process-list ul li:nth-child(2n)::after{ transform:rotate(90deg); right:-70%; left:0; top:50px}
.process-list{ padding:3% 0}

.service-content ul li{ font-size:18px; line-height:22px}
.tabs-menu li{ font-size:1.5em}

/*
.tab_content ul li .content a{ margin-top:15px}
.tab_content ul li .content a img{ height:35px}
.tab_content ul li .content span{ font-size:24px; line-height:30px}
.tab_content ul li .content{ padding-top:27%}
*/

.contact-form form{ width:90%}
.contact-info address{ font-size:16px; line-height:24px}
.contact-info{ padding:4% 3% 3%}
.detail .col-6 img{ height:45px}
.detail .col-12 img{ height:45px}
.contact-info a{ font-size:30px}
.contact-info .fax{ font-size:30px}
.detail .col-6{ padding:0 5px}

.social li a{ height:30px; width:30px}
.social li+li a{ height:30px; width:30px}

.inner-header .social li a{ height:30px; width:30px}
.inner-header .social li+li a{ height:30px; width:30px}

.contact-header .social li a{ height:30px; width:30px}
.contact-header .social li+li a{ height:30px; width:30px}

.slider-for .slick-prev{width:50px; height:60px}
.slider-for .slick-next{width:50px; height:60px}

footer{ padding:25px 0}

.testimonial-section .slick-prev{ left:-2%}
.testimonial-section .slick-next{ right:-2%}
.testimonial-section{ padding:4% 6%}
}

@media only screen and (max-width: 990px) {
h2{ font-size:50px}
h3{ font-size:40px; line-height:44px}
h4{ font-size:30px; line-height:50px}
h5{ font-size:18px; line-height:22px}
h6{ font-size:16px; line-height:24px}
p{ font-size:14px; line-height:22px}
#logo img{ height:140px}
.inner-content{ padding:4% 0}
.inner-header #logo img{ height:48px}
.inner-header nav{ padding-top:22px}
.inner-header nav li{ margin-right:30px}
.inner-header nav li a{ font-size:14px; line-height:22px}

.contact-header #logo img{ height:66px}
.contact-header nav{ padding-top:22px}
.contact-header nav li{ margin-right:35px}
.contact-header nav li a{ font-size:14px; line-height:22px}
.portfolio-btn{ margin-top:4%; font-size:15px; padding:15px 30px 13px}
.wrapper{ width:94%}
.menu-btn{ font-size:16px; line-height:16px; padding:14px 20px;}
.our-firm figure{ width:50%}
.inner-banner-content{ padding-top:8%}
.firm-content-box{ width:50%}
.firm-content-box p{ margin-bottom:15px; font-size:13px; line-height:21px}
.portfolio{ padding:5% 0}
.portfolio-gallery ul li{ width:50%}
.portfolio-gallery ul li .content{ padding-top:20%}
.portfolio-gallery ul li .content strong a{ font-size:28px; margin-bottom:4%}
.portfolio-gallery ul li .content span a{ margin-bottom:5%}
.col-6 img{ height:100px}
footer{ padding:4% 0}
footer nav{ margin:10% 0 5%}
footer .col-3{ width:25%}
footer .col-6{ width:50%;}
footer .col-6 img{ height:90px}
footer address, span{ font-size:12px}
a, span{ font-size:12px}
.social li .fa{ font-size:34px}
.social li{ margin-right:20px}
.inner-header .social .fa{ font-size:34px}
.contact-header .social .fa{ font-size:34px}

.service-offering figure{ width:50%}
.service-content{ width:50%; padding:3% 0 0 3%}
.service-content ul li{ font-size:16px; line-height:20px; background-size:19px; padding-left:35px}
.company-info .col-6 img{ height:auto}
.info-content{ padding:0 0 0 4%}
.col-6 h3{ margin-bottom:10px}
.company-info + .company-info .info-content{ padding:0 3% 0 2%}
.slick-center strong{ font-size:26px; line-height:32px}
.slick-center span{ font-size:24px; line-height:34px; margin-bottom:10px}
.process-list ul::after{ width:10px}
.process-list ul li .numbering{ border:3px solid #fff; height:45px; width:45px; font-size:16px; padding-top:10px}
.process-list ul li{ padding:12% 0}
.process-list ul li::after{ top:37px}
.process-list ul li:nth-child(2n)::after{ top:37px}
.tabs-menu li{ font-size:1.2em}

/*
.tab_content ul li .content a{ margin-top:10px}
.tab_content ul li .content a img{ height:30px}
.tab_content ul li .content span{ font-size:22px; line-height:28px}
.tab_content ul li .content{ padding-top:25%}
*/


.left-sec h3{ margin-bottom:10px}

.contact-form form{ width:95%}
.contact-info address{ font-size:14px; line-height:24px}

.detail .col-6{ padding:0 5px}
.detail .col-6 img{ height:40px}
.detail .col-12 img{ height:40px}
.contact-info a{ font-size:28px}
.contact-info .fax{ font-size:28px}

.contact-info{ width:100%}
.contact-form{ width:100%; padding-bottom:5%}
.left-sec p{ margin-bottom:15px}
.back-arrow{ margin-top:2%}

.slider-for .slick-prev{width:45px; height:60px}
.slider-for .slick-next{width:45px; height:60px}

.slider-nav .slick-prev{ left:0; top:20%}
.slider-nav .slick-next{ right:0; top:20%}

.our-team .slick-slide span{ font-size:18px; line-height:24px}
.our-team .slick-center span{ font-size:22px; line-height:28px}

footer{ padding:25px 0}
.testimonial-section{ padding:4% 8%}
}

@media only screen and (max-width: 767px) {
h2{ font-size:40px}
h3{ font-size:34px; line-height:38px}
h4{ font-size:20px; line-height:34px}
h5{ font-size:15px; line-height:19px}
h6{ font-size:14px; line-height:22px}
#logo img{ height:100px}
.inner-header{ padding-bottom:0}
.inner-header .social{ padding-top:10px}
.inner-header #logo img{ height:48px}
.contact-header #logo img{ height:64px}
.portfolio-btn{ margin-top:7%; font-size:14px; padding:10px 25px 8px}
.inner-banner-content{ padding-top:10%}
.row{ margin-top:12%}
.our-firm figure{ width:100%;}
.firm-content-box{ width:100%}
.portfolio-gallery ul li .content strong a{ font-size:24px; margin-bottom:3%}
.portfolio-gallery ul li .content a{ padding:7px 10px; font-size:12px}
footer .col-3{ width:100%}
footer .col-6{ width:100%; padding:5% 0 3%}
footer nav{ margin-top:5%}
.portfolio-gallery ul li{ width:50%}
.wrapper{ width:96%}
.menu-btn{ font-size:15px; line-height:15px; padding:12px 18px;}
.portfolio-gallery ul li .content{ padding-top:22%}
footer{ text-align:center}
footer nav{ margin-bottom:0}
.social li .fa{ font-size:30px}
footer .col-6 img{ height:80px}

.process-list ul li{ padding:10% 0}
.process-list ul li::after{ top:32px}
.process-list ul li:nth-child(2n)::after{ top:32px}
.inner-header .social .fa{ font-size:30px}

.contact-header .social .fa{ font-size:30px}

h2.resp-accordion{ font-size:30px !important; display:inline-block; width:100%}
.resp-arrow{ float:right; width:15px; height:15px; background:#000; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); position:relative;}
.resp-arrow:after{ content:""; width:10px; height:20px; background:#fff; position:absolute; top:-6px; left:-2px; transform:rotate(45deg);-webkit-transform:rotate(45deg); -moz-transform:rotate(45deg);}
.resp-tab-active .resp-arrow:after{ background-color:#dbdbdb }
.resp-tab-active .resp-arrow{ transform:rotate(225deg); margin-top:10px}

/*
.tab_content ul li .content a{ margin-top:10px}
.tab_content ul li .content a img{ height:25px}
.tab_content ul li .content span{ font-size:18px; line-height:26px}
.tab_content ul li .content{ padding-top:25%}
*/

.slick-slide span{ font-size:18px}
.slick-center span{ font-size:20px}


.menu-inner-btn{ display:inline-block; float:right}
nav{ display:none; width:100% !important}
header nav ul{ float:left; width:100% !important; padding-bottom:5%}
header nav ul li{ float:left; width:100% !important}
header nav ul li a{ float:left; width:100% !important; border-bottom:1px solid #d8d8d8; text-align:center; padding:10px 0}
header nav ul li a:hover{ background:#f9f9f9}

.right-sec{ float:left; width:100%; padding:0 0 3% 0; margin:0}
.left-sec{ float:right; width:100%}
.left-content{ width:100%; padding-left: 45%;}

.contact-form form{ width:100%}
.contact-info address{ font-size:16px; line-height:24px}


.detail .col-6 img{ height:35px}
.detail .col-12 img{ height:35px}
.contact-info a{ font-size:24px}
.contact-info .fax{ font-size:24px}
.contact-form form span.wpcf7-form-control-wrap{ margin-bottom:25px}
.contact-info p{ margin-bottom:35px}

.tabs-menu li{ font-size:1em}

.social li a{ height:30px; width:30px }
.social li+li a{ height:30px; width:30px}

.inner-header .social li a{ height:30px; width:30px}
.inner-header .social li+li a{ height:30px; width:30px}

.contact-header .social li a{ height:30px; width:30px}
.contact-header .social li+li a{ height:30px; width:30px}

.slider-for .slick-prev{width:38px; height:50px; top:40%}
.slider-for .slick-next{width:38px; height:50px; top:40%}

.slider-nav .slick-prev{ left:1%; top:35%; z-index:999}
.slider-nav .slick-next{ right:1%; top:35%; z-index:999}
footer .col-3{ padding-top:0}
.our-firm figure img{ display:none}
header{ padding-top:5.5%}
.menu-btn{ top:0; left:0; width:100%}
.menu-btn ul{ float:right}


.testimonial-section .author{ font-size:20px}
.testimonial-section{ padding:4% 8%}
}

@media only screen and (max-width:639px){
h4{ font-size:18px; line-height:32px}
h3{ font-size:34px; line-height:30px}

.inner-header{ padding-bottom:0}
.inner-header .social{ display:none}
.menu-inner-btn{ padding-bottom:0; background:none}
.inner-header #logo img{ height:48px}
.contact-header #logo img{ height:62px}
.portfolio-gallery ul li{ width:50%}
.portfolio-gallery ul li .content{ padding-top:18%}
.portfolio-btn{ margin-top:5%}
.portfolio-gallery ul li .content strong a{ font-size:20px}
.row{ margin-top:8%}
.main-nav ul{ padding-top:8%}
.main-nav ul li a{ font-size:28px; line-height:64px}
footer .col-6 img{ height:70px}
.inner-banner-content{ padding-top:7%}

.process-list ul li .numbering{ width:35px; height:35px; font-size:12px; padding-top:6px}
.process-list ul li:nth-child(2n)::after{ top:25px; background-size:8px; right:-60%}
.process-list ul li::after{ top:25px; -webkit-top:25px; background-size:8px; left:-30%}
.process-list ul li .process-detail{ position:relative; margin-top:25%; left:0; right:0; background:#fff}
.process-list ul li:nth-child(2n) .process-detail{ margin-top:25%}
.process-list ul li::after{ transform:rotate(0deg); left:0; top:44px}
.process-list ul li:nth-child(2n)::after{ transform:rotate(180deg); right:0; left:0; top:70px}

h2.resp-accordion{ font-size:22px !important}
/*
.tab_content ul li{ width:50%}
*/

.slick-next{ width:20px; height:35px; background-size:100%}
.slick-prev{ width:20px; height:35px; background-size:100%}
.slick-slide span{ font-size:16px; line-height:20px}
.main-nav ol{ padding-top:5%}
.main-nav ol li a{ font-size:32px; line-height:62px}
.contact-info p{ font-size:14px; line-height:24px}
.contact-info address{ font-size:14px; line-height:22px}
.contact-info a{ font-size:22px}
.contact-info .fax{ font-size:22px}
.contact-form form span.wpcf7-form-control-wrap{ margin-bottom:20px}
.contact-box h4{ font-size:24px; margin-bottom:15px}
.contact-info p{ margin-bottom:25px}
.contact-info figure{ margin-bottom:5px}

.tabs-menu li{ font-size:1em}

.our-team .slick-prev{ width:18px; height:30px; background-size:100%}
.our-team .slick-next{ width:18px; height:30px; background-size:100%}

.our-team .slick-slide p{ font-size:12px; line-height:20px; text-align:center}

.our-team .slick-slide strong{ font-size:16px; line-height:22px}
.our-team .slick-slide span{ font-size:14px; line-height:20px}

.our-team .slick-center strong{ font-size:20px; line-height:28px}
.our-team .slick-center span{ margin-bottom:10px}

.slider-for .slick-prev{width:28px; height:40px}
.slider-for .slick-next{width:28px; height:40px}
header{ padding-top:6.6%}

.testimonial-section p{ font-size:14px; line-height:22px}
.testimonial-section .author{ font-size:18px}
.testimonial-section{ padding:5% 8%}
}

@media only screen and (max-width: 479px) {
h2{ font-size:30px}
h3{ font-size:22px; line-height:26px}
h4{ font-size:16px; line-height:26px}
h5{ font-size:14px; line-height:18px}
p{ font-size:12px; line-height:22px}
#logo img{ height:80px}
.inner-banner-content{ padding:3% 5% 0}
.inner-header #logo img{ height:30px}
.contact-header #logo img{ height:50px}
.portfolio-btn{ margin-top:4%; font-size:12px; padding:5px 20px 3px}
.contact-header #logo img{ margin-top:4%}
.main-nav ul{ padding-top:35%}
.menu-btn{ font-size:12px; line-height:18px; padding:8px 12px}
.menu-btn ul{ width:23px}
.menu-btn ul li{ margin:2px 0}
.portfolio{ padding:7% 5%}
.firm-content-box p{ font-size:12px; line-height:18px}
.learn-more-btn{ font-size:12px; padding:8px 18px}
.portfolio-btn:hover::before{ transform:translateY(2px)}
.portfolio-btn:hover{ transform:translateY(-2px)}
.portfolio-gallery ul li{ width:100%}
.portfolio-gallery ul li .content{ padding-top:22%}
.firm-content-box{ padding:7% 2.5%}
.main-nav ul li a{ font-size:28px}
.portfolio-gallery ul li{ width:100%}
.main-nav ul li{ text-align:center}
footer .col-6 img{ height:60px}

.service-content ul li:last-of-type{ margin-bottom:0 }
.service-offering figure{ width:100%; margin-bottom:20px}
.service-content{ width:100%}
.company-info .col-6{ width:100%}
.company-info .col-6 img{ margin:15px 0}
.our-team .slick-slide p{ font-size:12px; line-height:20px; padding:0 5%}
.our-team .slick-center img{ width:60%; height:60%}
.inner-header .social .fa{ font-size:26px}
.contact-header .social .fa{ font-size:26px}
.mission-statement p{ margin-bottom:15px}
.info-content{ padding:0 5%}
.company-info + .company-info .info-content{ padding:0 5%}
h2.resp-accordion{ font-size:18px !important}

.resp-arrow{ height:10px}
h2.resp-accordion, h2.resp-tab-active{ padding:15px 15px 10px !important}

/*
.tab_content ul li{ width:100%}
.tab_content ul li .content{ padding-top:30%}
*/

.inner-content h3{ margin-bottom:10px}

footer .social li{ margin:0 10px}
.main-nav ol{ padding-top:35%}
.main-nav ol li a{ font-size:28px; line-height:62px}

.contact-info p{ font-size:12px; line-height:22px}
.col-6{ width:100%}
.contact-info address{ font-size:12px; line-height:20px}
.contact-form form span.wpcf7-form-control-wrap{ margin-bottom:10px}
.contact-form form input[type="text"], input[type="email"], textarea{ font-size:14px}
.detail .social li{ margin-right:10px}
.contact-box h4{ font-size:20px; margin-bottom:10px}
.contact-info p{ margin-bottom:15px}
.contact-form form input[type="submit"]{ padding:10px 35px}
.contact-info figure{ margin-bottom:0}

.left-sec p{ margin-bottom:10px}

.tabs-menu li{ font-size:.8em}
.inner-header .social{ padding-top:10px}

header{ padding-top:9.8%}

.testimonial-section{ padding:5% 8%}
.testimonial-section p{ font-size:12px; line-height:20px}
.testimonial-section .author{ font-size:16px}
}