@font-face{font-family:"Roboto-Black";src:url('fonts/Roboto-Black.ttf');}
@font-face{font-family:"Roboto-Bold";src:url('fonts/Roboto-Bold.ttf');}
@font-face{font-family:"Roboto-Light";src:url('fonts/Roboto-Light.ttf');}
@font-face{font-family:"Roboto-Medium";src:url('fonts/Roboto-Medium.ttf');}
@font-face{font-family:"Roboto-Regular";src:url('fonts/Roboto-Regular.ttf');}
@font-face{font-family:"Roboto-Thin";src:url('fonts/Roboto-Thin.ttf');}
.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"|";display:none;}
.top-left li{float:left;padding:0px 15px;border-left:1px solid #fff;}
.top-left li:first-child{padding-left:0px;border-left:0px;}
.top-left li:last-child{padding-right:0px;}
.top-right li{padding:0px 15px;border-left:1px solid #fff;}
.top-right li:first-child{border-left:0px;}
.top-left, .top-right{line-height:15px;}
section{margin:40px 0px;}
img{border:none;}
a{border:none;text-decoration:none;}
a:hover,a:focus{outline:none;border:none;text-decoration:none;}
a, img{border:none;}
h1, h2, h3, h4, h5, h6, span, li, ol, ul, a, p, radio, checkbox, strong, text-field, button{padding:0px;margin:0px;}
h1{font-family:"Roboto-Black";font-size:30px;text-transform:uppercase;}
h1 span{font-family:"Roboto-Thin";font-size:30px;text-transform:uppercase;color:#000;}
header, nav, section, figure, figcaption, footer, aside, audio, video, hgroup, article{padding:0px;margin:0px;display:block;}
input[type="text"],input[type="email"],input[type="password"],input[type="tel"], select{border-radius:0px !important;font-family:"Roboto-Regular" !important;color:#504e4e !important;font-size:14px !important;width:100%;padding:10px 0;padding-left:10px;}
input, select:focus{outline:none !important;border:1px solid #3e4f6e;color:#3e4f6e !important;}
.section{position:relative;padding:35px 0px;}
.header-top{background-color:#3e4f6e;padding:5px 0px;}
.company-logo img{height:50px;} 
.top-right{text-align:right;background:transparent;margin:0;padding:0;}
.top-right a{color:#fff;padding:0px 10px;font-family:'Roboto', sans-serif;font-size:12px;}
.top-right a:last-child{padding-right:0;}
.top-left li{list-style:none;}
.top-left a{color:#fff;padding:0px 0px;font-family:'Roboto', sans-serif;font-size:12px;}
.header-box{padding:10px 0px;border-bottom:5px solid #8bc53e;}
.bootstrap-select{height:50px !important;}
.bootstrap-select button{background:#fff !important;color:#504e4e !important;}
body::-webkit-scrollbar{width:1em;}
body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);}
body::-webkit-scrollbar-thumb{background-color:darkgrey;outline:1px solid slategrey;}
nav ul{padding:10px 0px;float:right;margin:0px;}
nav ul li{list-style:none;float:left;}
nav ul li{list-style:none;float:left;padding:5px 10px;}
nav ul li:last-child{padding-right:10px;}
nav ul li a{font-family:"Roboto-Bold";font-size:12px;color:#224a64;text-transform:uppercase;}
nav ul li.active{background:#3e4f6e; display: inline-block !important;}
nav ul li.active a{color:#fff !important;}
nav ul li ul.dropdown-menu{padding:0px !important;}
nav ul li.dropdown ul li.active a{background-color:#3e4f6e;}
nav ul li.dropdown ul li.active a:hover{background-color:#3e4f6e;}
nav ul li.dropdown ul li:last-child{padding-right:0px;}
nav ul li.dropdown+li.dropdown .dropdown-menu{min-width:360px !important;}
.barrister-form{background-image:none;background-repeat:no-repeat;}
.barrister-form-design{width:100%;margin:0 auto;}
.barrister-form-design h1{color:#fff;margin-bottom:20px;}
.barrister-form button:hover{background-color:#3e4f6e;}
.video-title+.row img{width:100%;}
.practice-box .container h1+p+div{font-family:"Roboto-Light";font-size:16px;line-height:28px;}
.practice-box .container h1+p+div+div+div{font-family:"Roboto-Light";font-size:16px;line-height:28px;}
.practice-box h2{margin-bottom:15px;font-family:"Roboto-Black";font-size:30px;text-transform:uppercase;}
.practice-box h2 span{font-family:"Roboto-Thin";font-size:30px;text-transform:uppercase;color:#000;}
.btn-subscribe{background-color:#8bc53e;border:0px;border-radius:0px;height:50px;width:15%;font-family:"Roboto-Bold";text-transform:uppercase;transition:all 0.8s ease;margin-top:4px;float:right}
.btn-subscribe:hover{background-color:#3e4f6e;color:#fff;}
.network-link li{padding:5px 0px;}
.barrister-form-design .form-inline .form-group input, .barrister-form-design .form-inline .form-group select{width:100%;height:35px;margin-bottom:10px;}
.barrister-form-design .form-inline .form-group{width:24%;font-family:"Roboto-Regular";color:#000;font-size:14px;}
.new-library-detail-custom span{padding:5px 0px 10px;display:block;}
.library-detail-video{margin-bottom:15px;}
.library-new-content h3{margin-bottom:15px;}
.library-new-content p{margin-bottom:10px;font-family:"Roboto-Regular";font-size:16px;}
.library-new-content ul{margin-left:15px;}
.library-new-content ul li{list-style-type:circle;font-family:"Roboto-Regular";font-size:16px;}
.cpd-aside-box h3{margin-bottom:15px;}
.cpd-aside-box ul{margin-bottom:15px;}
.cpd-aside-box .list-group a:hover{background-color:#fff;border:1px solid #ddd;}
.alert.alert-success{font-family:"Roboto-Light";padding:15px 0px !important;text-align:center;font-size:17px;}
.event-top-detail{margin:20px 0px;padding:20px;background-color:#e9e8e8;}
.event-top-detail h1{font-family:"Roboto-Black";font-size:32px;margin-bottom:15px;}
.event-top-detail h1+span{font-family:"Roboto-Regular";font-size:16px;}
.event-detail-bottom{background-color:#e9e8e8;padding:20px;margin-bottom:25px;padding-left:0px;padding-right:0px;}
.pass-heading p{font-size:20px;font-family:"Roboto-Bold";border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;}
.pass-heading+p{font-family:"Roboto-Regular";font-size:16px;line-height:28px;}
.attendeeregister-heading-one{font-size:20px;font-family:"Roboto-Bold";border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:10px;display:block;}
.event-detail-bottom table.table-condensed{background-color:#fff;border:1px solid #ddd;}
.event-detail-bottom table>thead>tr>th{border-bottom:0px !important;font-family:"Roboto-Bold";font-size:18px;}
.event-detail-bottom table tr>.col-lg-9{border-bottom:0px !important;font-family:"Roboto-Regular";font-size:14px;}
.event-detail-bottom .row .col-lg-9 .row{margin:15px 0px;font-family:"Roboto-Regular";font-size:16px;line-height:28px;}
.event-detail-bottom .row .col-lg-3 .row{margin:15px 0px;font-family:"Roboto-Regular";font-size:16px;line-height:28px;}
.event-detail-bottom .row .col-lg-3 .row .col-lg-12{word-wrap:break-word;}
#attendeeform button{background-color:#8bc53e; border:1px solid #8bc53e;}
.event-detail-bottom .row .col-lg-9 img{display:none;}
.barrister-custom-box{border-color:#e9e7e8;padding:20px;text-align:center;margin:50px 0px 30px;border-width:1px 1px 1px 1px;border-style:solid;position:relative;box-shadow:2px 4px 16px #e2dfdf;border-radius:5px;}
.barrister-new-profile-pic{position:absolute;left:60px;top:-49px;}
.barrister-new-page{position:relative;background-color:#eee;width:100%;float:left;margin:75px 0px;text-align:center;height:350px;box-shadow:1px 1px 6px -2px #333;display:table;border-radius:5px;}
.barrister-new-profile{display:table-cell;vertical-align:middle;text-align:center;padding-left:25%;width:100%;}
.barrister-new-profile h1{font-family:"Roboto-Bold";font-size:35px;text-transform:uppercase;}
.barrister-new-image{position:absolute;top:-50px;box-shadow:1px 1px 6px -2px #333;border-radius:5px;left:50px;}
.barrister-new-image img{width:300px;}
.barrister-new-profile ul{margin-top:15px;}
.barrister-new-profile ul li{list-style:none;font-family:"Roboto-Regular";font-size:16px;line-height:2;text-transform:uppercase;}
.barrister-social{text-align:center;}
.barrister-social li{list-style:none;display:inline-block;padding:0px 15px;}
.barrister-social li:first-child{padding-left:0px;}
.barrister-social li:last-child{padding-right:0px;}
.barrister-social li a{font-family:"Roboto-Regular";font-size:15px;color:#000;text-transform:capitalize;}
.barrister-social li a i{height:30px;width:30px;border-radius:50%;padding:6px;list-style:none;display:inline-block;border:1px solid #000;font-size:15px;vertical-align:middle;text-align:center;color:#000;}
.barrister-area-practice{background-color:#40516f;padding:20px;clear:both;}
.barrister-content-box{background-color:#fff;padding:20px;border-radius:5px;box-shadow:1px -1px 9px 0px #b9b9b9;}
.barrister-content-box ul{font-family:"Roboto-Regular" !important;background-color:#eee;padding:20px;margin:25px 0px;border-left:5px solid #8bc53e;font-weight:normal;}
.barrister-content-box ul li{font-weight:normal;font-family:"Roboto-Regular" !important;font-size:16px;line-height:normal;margin-left:20px;margin-bottom:15px;list-style:none;}
.barrister-content-box ul li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:15px;background-color:transparent;border:2px solid #222;background-color:#222;}
.barrister-content-box ol{font-weight:normal;font-family:"Roboto-Regular" !important;background-color:#eee;padding:20px;margin:25px 0px;border-left:5px solid #8bc53e;}
.barrister-content-box ol li{font-weight:normal;font-family:"Roboto-Regular" !important;font-size:16px;line-height:normal;margin-bottom:15px;margin-left:20px;}
.barrister-content-box ol li:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:15px;background-color:transparent;border:2px solid #222;background-color:#222;}
.barrister-content-box h3{margin-bottom:15px;font-size:20px;color:#000;text-transform:uppercase;}
.barrister-content-box p{font-family:"Roboto-Regular" !important;font-size:16px;margin-bottom:15px;}
.barrister-content-box p b{font-family:"Roboto-Bold" !important;font-size:16px;font-weight:normal !important;}
.barrister-content-box p span{font-family:"Roboto-Regular" !important;}
.barrister-get-touch{border-radius:5px;margin:20px 0px;background-color:#e0efd8;padding:20px;}
.barrister-get-touch p{color:#3c763d;font-size:17px;text-align:center;font-family:"Roboto-Light";}
.barrister-get-touch p span i{font-weight:bold;}
.barrister-content-box figcaption{background-color:#40516f;padding:10px;min-height:42px;}
.barrister-content-box figcaption a{padding:10px;font-family:"Roboto-Regular";font-size:14px;color:#fff;}
.barrister-new-bolg-box{background-color:#e8e8e8;border:1px solid #d3d0d0;padding:20px;margin-bottom:25px;}
.barrister-new-bolg-box p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-family:"Roboto-Regular";font-size:18px;color:#3e4f6e;margin-bottom:10px;}
.barrister-content-box .row:last-child .barrister-new-bolg-box{margin-bottom:0px;}
.barrister-area-topic{display:inline-block;}
.barrister-practice-work{background:transparent;color:#8bc53e !important;border:1px dashed #8bc53e;border-radius:0;font-size:17px;font-family:"Roboto-Regular";}
.barrister-practice-work:hover, .barrister-practice-work:active, .barrister-practice-work:focus{background-color:transparent !important;border:1px dashed #8bc53e;}
.barrister-practice-work+.sublinks a.list-group-item{border:none !important;background-color:transparent !important;color:#fff !important;font-family:"Roboto-Light";font-size:16px;}
.barrister-practice-work+.sublinks a.list-group-item i{font-size:9px;vertical-align:middle;padding-right:10px;}
.barrister-content-box:last-child{margin-bottom:50px;}
.term-article-content span.uk-article-title h1{text-align:center;}
.term-article-content h3{font-family:"Roboto-Bold";font-size:20px;margin-top:30px;margin-bottom:15px;}
.term-article-content p{font-family:"Roboto-Light";font-size:16px;line-height:28px;margin-bottom:15px;}
.term-article-content{padding:0 15px;}
.header-box .dropdown{width:auto;}
.hp-plus{float:right;padding:0 10px;margin-top:10px;font-size:20px;color:#8bc53e;}
.dropdown ul li:hover>div{padding:15px 15px;}
.left .dropdown{border:#dcd9d9 solid 1px;margin-top:6px;width:100%;}
.left>.dropdown>ul>li{border-bottom:#dcd9d9 solid 1px;line-height:40px;margin-bottom:-1px;}
.left .dropdown ul li:hover>div{padding:15px 15px;border:#dcd9d9 solid 1px;}
.practice-box h1{margin-bottom:15px;}
.left .dropdown>ul>li:hover{background-color:#3c4f6e;outline:none !important;}
.left .dropdown>ul>li:hover>a{color:#FFF;border-right:5px solid #8bc53e;}
.left .dropdown ul li:hover>div ul li:hover{background-color:none !important;}
.dropdown ul li>div{display:none;height:auto !important;}
.dropdown ul li:hover ul li{display:list-item;width:45%;margin-left:20px;list-style-type:disc;}
.dropdown ul li a{width:100%;font-family:"Roboto-Bold";font-size:13px;}
.dropdown ul li:hover>div{left:375px;}
.dropdown ul li.active a:after{content:'';position:absolute;left:100%;top:50%;margin-top:-17px;border-left:0;border-bottom:18px solid transparent;border-top:18px solid transparent;border-left:13px solid #8bc53e;}
.left .dropdown>ul>li{list-style:none;}
.aop-sk>div{line-height:25px;font-family:roboto-light;font-size:16px;font-weight:100;}
.top-right li a i{ font-size: 16px; line-height: 13px; margin-right: 10px;}
/* Mobile App One Page */
.mobileapp-section{ background-image: url(img/onepage-top-banner.jpg); background-repeat: no-repeat; padding: 70px 0 70px; background-size: cover;border-top: solid 6px #80c650;}
.mobileapp-section h1{ font-family: "Roboto-Thin" !important; color: #fff; font-weight: 600;     font-size: 40px; line-height: 50px;
    width: 28%; border-bottom: solid 1px #737d8d; padding-bottom: 25px; text-transform: capitalize;}
.download-section h3, .mobile-view-section h3, .works-section h3, .app-box h3, .download-aap-box h3 { text-align: center; margin-bottom: 30px;}
.mobile-view-section h3{ color:#fff;}
.mobile-view-section h3:before{ background-color: #1d3f65;}
.mobileapp-section a{ font-family:"Roboto-Regular" !important; background-color:rgba(255, 255, 255, 0.4); display:inline-block; text-align: center; font-weight:normal; margin-top:25px; border-radius:40px; color:#fff; font-size: 20px; transition:all 0.7s ease; padding:10px 30px;}
.mobileapp-section a:hover { color: #ffffff;  text-decoration: none; background-color: #79c24f;}
.mobileapp-section a span{ padding: 0 7px;}
.download-section{ background-image: url(img/download-bg.jpg); background-repeat: no-repeat; padding: 50px 0 50px; background-size: cover;}
.download-section .heading-text{ color: #3e4f6d; font-size: 48px; text-align: center; display: block; font-family: "Roboto-Thin" !important;    font-weight: 700;    margin-bottom: 35px;}
.download-section .download-box{ text-align:center; display: table;  width: 100%;}	
.download-section .download-box figure img{ margin:0 auto;    width: 75px;}
.download-section .download-box figcaption p{ color: #1d3f64; font-family: "Roboto-Thin" !important; font-weight: bold; font-size: 16px;    padding: 10px 0;}
.download-section .download-box figcaption form{ width:85%; margin:0 auto; position:relative;}
.download-section .download-box figcaption form .field-email{ width: 78%; float: left;}
.download-section .download-box figcaption form .field-email input{ background-color: #e4e4e4; border: none; height: 30px; border-radius: 3px !important;    padding: 0px 0px 0px 10px;}
.download-section .download-box figcaption form .button{ width: 32%; float: left; position: absolute; top: 0px; right: 0px;}
.download-section .download-box figcaption form .field-email label { font-size: 16px; color: #324064;}
.download-section .download-box figcaption form .field-email label+input{width: 80%; height: 40px; line-height: 40px; color: #324064 !important; font-family: "Roboto-Medium" !important;
    border-radius: 30px !important; background-color: transparent; border: 1px solid #3f4e73; font-size: 16px !important;}
.download-section .download-box #emailform .field-email input{width: 100%; height: 40px; line-height: 40px; color: #324064 !important; font-family: "Roboto-Medium" !important; border-radius: 30px !important; background-color: transparent; border: 1px solid #3f4e73; font-size:16px !important;}
.download-section .download-box figcaption form .button input{ border-radius: 40px; padding: 5px 10px; box-shadow: 0 5px 8px #b5b5b5; border: 1px solid #79c14f; background-color: #79c14f;
    max-width: 270px; width: 100%; height: 40px; display: block; font-size: 16px; font-family: "Roboto-Medium"; text-transform: uppercase;}
.download-section .download-box figcaption form .button input:hover{border: 1px solid #1d3f65; background-color: #1d3f65; color: #fff !important;}
.download-section .download-box figcaption span{ color: #1d3f64; font-weight: bold; font-family: roboto-light;}
.mobile-view-section{ background-color: #7cc14e; padding: 50px 0 50px;}
.mobile-view-section .carousel-indicators{ bottom: 0px;}
.view-slider-box .item img{ margin:0 auto;}
.heading-text{ color: #ffffff; font-size: 48px; text-align: center; display: block; font-family: "Roboto-Thin" !important; font-weight: 700; margin-bottom: 35px;}
.works-section{ background-color: #e9e9e9; padding: 50px 0 50px;}
.works-section .works-box .heading-text{ color: #2f3e56;}
.works-section .works-bottom-box .image-box{ width:49%; display:inline-block;}
.works-section .works-bottom-box .image-box img{ width: 60%; margin: 0 auto;}
.works-section .works-bottom-box .tab-box{ width:49%; display:inline-block; vertical-align:top;}
.works-section .works-bottom-box .tab-box ul{ border-bottom: solid 2px #293851;}
.works-section .works-bottom-box .tab-box ul li{ width:24%; margin-right:1.3%; margin-bottom: 0px;}
.works-section .works-bottom-box .tab-box ul li:last-child{ margin-right:0px;}
.works-section .works-bottom-box .tab-box ul li a{ padding: 10px; color: #324082; font-weight: bold; font-family: roboto-light !important; font-size: 18px; text-align: center; text-transform: uppercase; background-color: #e2e2e2; margin:0px; border: 0px;border-radius: 10px 10px 0 0;}
.works-section .works-bottom-box .tab-box .tab-content div p{ font-family: "Roboto-light"; font-size: 18px; color: #585858; width: 80%;
    padding: 30px 0px; display: block; line-height: 28px;}
.works-section .works-bottom-box .tab-box .tab-content div a{ background-color: #79c14f; padding: 13px 30px; text-align: center; height: 40px; line-height: 40px; border-radius: 40px; font-size: 18px; color: #fff; font-family: "Roboto-Regular"; text-transform:uppercase;}
.works-section .works-bottom-box .tab-box .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover{     background-color: #7cc14e; border-bottom: 0px solid #1d3f64 !important; color: #1d3f64 !important; border: 0px solid #ddd; color:#fff !important;}
.statistics-section{ background-color: #e9e9e9;}
.statistics-section .heading-text{ color: #2a3952; margin-bottom:0px;}
.statistics-section .app-box .row{ padding:35px 0px;}
.statistics-section .app-box .row .app-bottom-box{ width: 50%; margin: 0 auto; text-align: center;}
.statistics-section .app-box .row .app-bottom-box span{ color: #2a3952; font-family: "Roboto-Medium"; font-weight: bold; font-size: 45px;    margin-left: 0px;}
.statistics-section .app-box .row .app-bottom-box p{ font-family: "Roboto-Regular"; font-size: 24px; color: #79c14f;}
.statistics-section .image-box{ transform: translateY(-100px); margin-bottom: -100px;}
.aap-bottom-section{ background-image: url(img/waiting-bg.jpg); background-repeat: no-repeat; padding: 50px 0 50px; background-size: cover;}
.aap-bottom-section .heading-text{ color: #2a3952;}
.download-aap-box p{ font-family: "Roboto-Regular"; text-align: center; padding-bottom: 25px; font-size: 20px; color: #2a3952;}
.app-list ul{ list-style:none; width: 30%; margin: 0 auto;}
.app-list ul li{ width: 49%; display: inline-block;}
.app-list ul li a img{ margin:0 auto; height: 40px;}
.social-box{ padding-top:30px;}
.social-box ul{ list-style:none; width: 25%; margin: 0 auto;}
.social-box ul li{ width: 23%; display: inline-block; text-align: center;}
.social-box ul li a{ background-color: #2e3a4e; width: 25px; height: 25px; display: inline-block; border-radius: 2px;}
.social-box ul li a i{ line-height:25px; color:#fff;    margin-bottom: 15px;}
.download-section .download-box figure{ height:75px; display: table-cell; vertical-align: middle; width: 100%;}
.download-section .download-box figcaption{ display: table-footer-group;}
.download-section .download-box figure .mobile-icon{width:60px;}
/*end mobile app css*/
@media only screen and (min-width:1441px) and (max-width:1550px){.container{width:90%;}
.header-top .row{padding:5px 0px;}
.header-top .breadcrumb>li+li:before{font-size:16px;}
[class*='top-'] a{font-size:16px;}
nav ul li a{font-size:16px !important;}
h1,h1 span{font-size:45px;}
.lib-heading{font-size:50px;}
}
@media only screen and (min-width:1551px){.container{width:90%;}
.header-top .row{padding:5px 0px;}
[class*='top-'] a{font-size:15px;}
nav ul li a{font-size:15px;}
h1,h1 span{font-size:45px;}
.barrister-form-design{text-align:left;}
.lib-heading{font-size:50px;}
}
@media only screen and (max-width:1199px){nav ul li a{font-size:12px;}
nav ul li{padding:0px 6px;}
.craousel-text{top:16%;padding:15px 15px;width:50%;background-color:rgba(23, 23, 23, 0.4);}
.top-right li{padding:0px 8px;}
.craousel-text .row .upcoming-event-heading h1 span:last-child, .cpd-video-title>span:first-child>span{font-size:30px;line-height:35px;margin-bottom:0px;}
.craousel-text{width:90%;margin:0px 5%;left:0px;}
.greenlist-crousel .upcoming-event-heading{width:24%;}
.craousel-text .row .upcoming-event-heading a, .craousel-text .cpd-video-title span a{width:66%;}
.greenlist-crousel+.barrister-form label{font-size:11px;}
.craousel-text .row .upcoming-event-heading a{width:90%;}
.craousel-text{width:96%;margin:0px 2%;}
.top-right li{padding:0px 4px;}
.btn-subscribe{margin-top:0px;}
.mobileapp-section h1{ font-size:36px;}
.download-section .download-box figcaption form{ width:100%;}
.works-section .works-bottom-box .image-box { width: 40%;}
.works-section .works-bottom-box .image-box img { width: 68%;}
.works-section .works-bottom-box .tab-box { width: 59%;}
.works-section .works-bottom-box .tab-box ul li a{ font-size:16px;}
}
@media only screen and (max-width:991px){
.company-logo img { height: 34px;}	
nav ul li a{font-size:10px;}
nav ul li{padding:0px 2px;}
nav ul{padding:7px 0px;}
.craousel-text p{font-size:30px;}
.craousel-text span{font-size:12px;}
.barrister-form button{width:24%;height:35px;}
.barrister-form-design .form-inline .form-group{width:49%;}
.top-left li{padding:0px 4px;}
.greenlist-crousel .upcoming-event-heading{width:27%;}
.craousel-text .row .upcoming-event-heading a{width:82%;}
.craousel-text{width:96%;margin:0px 2%;}
.craousel-text .row .upcoming-event-heading a{width:100%;}
.craousel-text .cpd-video-title span a{width:65%;}
.craousel-text{top:10%;}
.section .cpd-video-title span br{display:none;}
.btn-subscribe{font-size:11px;}
.mobileapp-section h1{ width:35%;}
.download-section .download-box figcaption form{ width:100%;}
.works-section .works-bottom-box .image-box img { width: 74%;}
.statistics-section .app-box .row { padding: 10px 0px 35px;}
.app-list ul li a img { height: 31px;}
.download-aap-box p{ padding-bottom:15px;}
.works-section .works-bottom-box .image-box {width: 35%;}
.works-section .works-bottom-box .image-box img { width: 95%;}
.works-section .works-bottom-box .tab-box { width: 64%;}
.works-section .works-bottom-box .tab-box .tab-content div a{ font-size:16px; padding: 10px 20px;}

}
@media only screen and (max-width:767px){.barrister-form-design .form-inline .form-group:nth-child(1){width:100%;}
.barrister-form-design .form-inline .form-group input{width:100%;}
.barrister-form-design .form-inline .form-group select{width:100%;}
.barrister-form-design .form-inline .form-group:nth-child(2){width:100%;}
.barrister-form-design .form-inline .form-group:nth-child(3){width:100%;}
.barrister-form-design .form-inline .form-group:nth-child(4){width:100%;}
.form-group+.form-group{margin-left:0px;margin-right:0px;}
.craousel-text{display:none;}
.carousel-indicators{display:block;}
.barrister-form-design .form-inline .form-group{width:100%;}
.barrister-form-design .form-inline .form-group+button+button{width:100%;}
.barrister-form button{width:100%;}
.term-article-content h1{margin-top:35px;}
.event-top-detail{margin-top:20%;}
.event-top-detail h1{font-size:20px;}
.search-barrister-box .barrister-submit{left:0px !important;padding-left:0;margin:15px 0;}
.form-inline .btn{width:100% !important;}
.mobileapp-section{ margin-top:0px; padding: 40px 0 40px;}
.mobileapp-section h1 { width: 41%;}
.download-section, .mobile-view-section, .works-section, .aap-bottom-section{ padding:30px 0px;}
.download-section .download-box #emailform .field-email input { width: 100%;}
.download-section .download-box figcaption form .field-email { width: 90%;}
.download-section .download-box figcaption form .field-email label+input { width: 83%;}
.download-section .download-box figcaption p{ padding:0px 0px 10px;}
.download-section .download-box, .statistics-section .app-box .row .app-bottom-box{ margin-bottom:40px;}
.statistics-section .app-box .row .app-bottom-box span{ line-height:normal;}
.app-list ul{ width:35%;}
.works-section .works-bottom-box .image-box { width: 38%;}
.works-section .works-bottom-box .tab-box { width: 61%;}
.works-section .works-bottom-box .image-box img { width: 100%;}
.works-section .works-bottom-box .tab-box .tab-content div p{ font-size:16px; width:100%;}
.barrister-content-box p a { word-wrap: break-word;}
.works-section .works-bottom-box .image-box { width: 100%; margin-bottom:15px;}
	.works-section .works-bottom-box .tab-box { width: 100%;}

}
@media only screen and (max-width:639px)
{
	.mobileapp-section { padding: 10px 0 40px;}
	.mobileapp-section h1 { width: 100%; font-size: 24px; padding-bottom: 5px;} 
	.mobileapp-section a { margin-top: 5px; font-size: 16px; padding: 10px 15px;}
	.mobileapp-section h1 br{ display:none;}
	.download-section .heading-text, .heading-text, .works-section .works-box .heading-text, .statistics-section .heading-text, .aap-bottom-section .heading-text{ font-size:30px;}
	.download-section .download-box figcaption form .field-email { width: 78%;}
	.download-section .download-box figcaption form .button { width: 30%;}
	
	.works-section .works-bottom-box .tab-box ul li a{ font-size:15px;}
	.app-list ul { width: 75%;}
	.social-box ul { width: 60%;}
	.barrister-new-profile h1{  font-size:25px;}
}
@media only screen and (max-width:1551px){.alert.alert-success{padding:20px !important;border-radius:5px !important;margin-bottom:25px !important;}
.barrister-get-touch{margin:30px 0px;}
}
@media only screen and (max-width:991px){.top-left a{font-size:9px;}
.top-right a{font-size:10px;padding:0px 5px;}
.barrister-new-page{margin:70px 0px;}
.barrister-new-image{top:-33px;}
.barrister-new-image img{width:275px;}
.barrister-new-profile{padding-left:46%;}
.barrister-new-profile h2{font-size:30px;}
.barrister-new-profile ul li{font-size:14px;}
.alert.alert-success{padding:20px !important;border-radius:5px !important;margin-bottom:25px !important;}
.barrister-get-touch{margin:30px 0px;}
.barrister-content-box{margin-top:30px;}
.barrister-content-box figcaption{min-height:42px;}
.barrister-content-box:last-child{margin-bottom:30px;}
}
@media only screen and (max-width:767px){.mdl-layout--fixed-header>.mdl-layout__header{background:#1d3f64 !important;}
.material-icons{line-height:2 !important;}
.mdl-layout__header img{margin:0 auto;padding:10px 0;}
.barrister-new-page{margin:145px 0 60px 0;height:310px;}
.barrister-new-image{top:-25px;left:20px;}
.barrister-new-image img{width:240px;}
.barrister-content-box, figure img{width:100%;}
.barrister-content-box figcaption{min-height:40px;margin-bottom:20px;}
.alert.alert-success{padding:20px !important;border-radius:5px !important;margin-bottom:25px !important;}
.cpd-video-title>span:first-child>span{font-size:25px;}
.barrister-form button:last-child{margin-top:20px;}
.term-article-content span.uk-article-title h1{margin-top:90px;}
}
@media only screen and (max-width:599px){.mdl-layout__header img{width:50%;}
.barrister-new-page{margin:560px 0 25px 0;}
.barrister-new-image{width:100%;left:0px;top:-452px;}
.barrister-new-image img{width:50%;}
.barrister-new-profile{padding-left:0px;}
.barrister-new-profile h2{font-size:21px;}
.barrister-new-profile ul li{font-size:12px;}
.barrister-practice-work{font-size:13px;}
.barrister-social li{padding:0px 10px;}
.barrister-content-box{margin-top:25px;}
.barrister-get-touch{margin:25px 0px;}
.barrister-content-box:last-child{margin-bottom:25px;}
.alert.alert-success{padding:20px !important;border-radius:5px !important;margin-bottom:25px !important;}
.baarister-form-box button{width:100% !important;}
.baarister-form-box form .btn:last-child{margin-left:0%;}
.event-format-row-listing p{font-size:16px !important;padding:30px 20px 10 !important;}
.event-information-listing strong{font-size:16px;}
.term-article-content span.uk-article-title h1{margin-top:50px;}
}
@media only screen and (max-width:580px){.barrister-new-page{margin:545px 0 25px 0;}
.barrister-new-image{left:0px;top:-438px;}
}
@media only screen and (max-width:560px){.barrister-new-page{margin:540px 0 25px 0;}
.barrister-new-image{left:0px;top:-430px;}
}
@media only screen and (max-width:540px){.barrister-new-page{margin:510px 0 25px 0;}
.barrister-new-image{left:0px;top:-405px;}
}
@media only screen and (max-width:520px){.barrister-new-page{margin:485px 0 25px 0;}
.barrister-new-image{left:0px;top:-385px;}
}
@media only screen and (max-width:490px){.barrister-new-page{margin:460px 0 25px 0;}
.barrister-new-image{left:0px;top:-360px;}
}
@media only screen and (max-width:479px)
{
	.barrister-content-box ul li{ margin-left:0px;}
	.event-top-detail { margin-top: 26%;}
	.works-section .works-bottom-box .tab-box ul li a { font-size: 11px; padding: 10px 0px;}
	.download-section .download-box figcaption form .button { width: 35%;}
	.view-slider-box #myCarousel{ margin-top:35px !important;}
}
@media only screen and (max-width:460px){.barrister-new-page{margin:440px 0 25px 0;}
.barrister-new-image{left:0px;top:-340px;}
}
@media only screen and (max-width:430px){.barrister-new-page{margin:420px 0 25px 0;}
.barrister-new-image{left:0px;top:-320px;}
}
@media only screen and (max-width:400px){.barrister-new-page{margin:400px 0 25px 0;}
.barrister-new-image{left:0px;top:-295px;}
}
@media only screen and (max-width:370px){.barrister-new-page{margin:370px 0 25px 0;}
.barrister-new-image{left:0px;top:-270px;}
}
@media only screen and (max-width:340px){.barrister-new-page{margin:325px 0 25px 0;}
.barrister-new-image{left:0px;top:-250px;}
}

/* 22-January-2018 */ 
 
.header-box{padding:0px !important;}
.company-logo{width:20%;float:left;padding:12px 0px !important;}
nav{float:right;width:80%;}
nav ul{padding:0px !important;}
nav ul li{display:inline-block;padding:0px 5px !important;height:75px; line-height:75px !important;float:none !important;}
nav ul li a{    font-family: "Roboto-Bold";    font-size: 14px;    color: #224a64;    text-transform: uppercase;}
nav ul li a i{height:75px; line-height:75px !important;}
.sub-menu-box{display:none;}
nav ul li:hover .sub-menu-box{display:block;z-index:3;background-color:#3e4f6e;border-top:5px solid #7cc14e;width:200px; position: absolute;padding: 20px 0px; top: 110px;}
nav ul li:hover .sub-menu-box ul{ float:none;}
nav ul li:hover .sub-menu-box ul li{display:block;padding:0px !important;width:90%;line-height:46px !important; height:46px;border-bottom: 1px solid #344461; padding-left: 20px !important; margin-left: 10px; margin-right: 10px;}
nav ul li:hover .sub-menu-box ul li a{color:#7cc14e; font-size:13px;font-family: Roboto-Regular; }
nav ul li:hover .sub-menu-box ul li a:hover{color:#fff;}
nav ul li:hover .sub-menu-box:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 9px solid #7cc14e; position: absolute; top: -14px; margin: 0 auto; text-align: center; right: 155px;}
nav ul li:hover .sub-menu-box ul li:last-child{ border-bottom:0px;}

.sub-menu-1{display:none;}
nav ul li:hover .sub-menu-1:before{    content: "";    width: 0;    height: 0;    border-left: 10px solid transparent;    border-right: 10px solid transparent;    border-bottom: 9px solid #7cc14e;    position: absolute;    top: -14px;    margin: 0 auto;    text-align: center;    right: 560px;}
nav ul li:hover .sub-menu-1{display:block;z-index:3;position:absolute;width:100%;background-color:#3e4f6e;left:0px;top:110px;border-top:5px solid #7cc14e;padding:20px 0px;}
nav ul li:hover .sub-menu-1 .nav-column{width:24%; float:left;margin-right:1%;}
nav ul li:hover .sub-menu-1 .nav-column ul li {display:block;padding:0px !important;width:100%;line-height:46px !important; height:46px;border-bottom: 1px solid #344461;margin-bottom: 10px;}
nav ul li:hover .sub-menu-1 .nav-column ul li:last-child {border-bottom:0px;}
nav ul li:hover .sub-menu-1 .nav-column ul li a { color: #7cc14e;font-size: 13px;font-family: Roboto-Regular;line-height: normal;}
nav ul li:hover .sub-menu-1 .nav-column ul li a:hover {color:#fff;}  

@media only screen and (max-width:1550px)
{
	nav ul li:hover .sub-menu-1:before{ right:607px;}
	
}

@media only screen and (max-width:1451px)
{
	nav ul li:hover .sub-menu-box, nav ul li:hover .sub-menu-1{ top:113px;}
	nav ul li:hover .sub-menu-1:before{ right:42%;}
}
@media only screen and (max-width:1440px)
{
	nav ul li:hover .sub-menu-box, nav ul li:hover .sub-menu-1 { top: 104px;}
}

@media only screen and (max-width:1370px)
{
	nav ul li:hover .sub-menu-1, nav ul li:hover .sub-menu-box{ top:103px;}
	
}

@media only screen and (max-width: 1199px)
{
	.company-logo img { height: 44px;}
	nav ul li{ height: 70px; line-height: 70px !important;}
	nav ul li a{ font-size:11px;}
	nav ul li:hover .sub-menu-1, nav ul li:hover .sub-menu-box  { top: 97px;}
	nav ul li:hover .sub-menu-1:before { right: 44%;}
	nav ul li:hover .sub-menu-1 .nav-column ul li a, nav ul li:hover .sub-menu-box ul li a{ font-size:12px;}
	nav ul li:hover .sub-menu-1 .nav-column ul li, nav ul li:hover .sub-menu-box ul li{ line-height: 38px !important; height: 38px; padding-right: 15px !important;}	
}

@media only screen and (max-width: 991px)
{
	.company-logo img { height: 33px;}
	nav ul li:hover .sub-menu-1, nav ul li:hover .sub-menu-box { top: 84px;}
	nav ul li a { font-size: 9px;}
	nav ul li { padding: 0px 2px !important; height: 55px; line-height: 55px !important;}
	nav ul li a i { height: 55px; line-height: 58px !important;}
	nav ul li:hover .sub-menu-1:before { right: 45%;}
	nav ul li:hover .sub-menu-1, nav ul li:hover .sub-menu-box { padding: 30px 0px;}
	nav ul li:hover .sub-menu-1 .nav-column { width: 24.5%; margin-right: 0.5%;}
	nav ul li:hover .sub-menu-1 .nav-column ul li a, nav ul li:hover .sub-menu-box ul li a { font-size: 10px;}
	
}