@charset "utf-8";
/* CSS Document */

/* Table of Contents
-----------------------------------------------------------------------------
	1. Mobile
	2. iPad
	3. small desktop
	4. Other
*/

/* 1. Mobile responsive css 767px
------------------------------------------------------------------------------*/
#mobile-menu{display: none;}
@media (max-width:767px) {

    #wrapper{margin-bottom: auto}
    .container{padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%; max-width: 975px;}
    .left-popup img.alignleft,.left-popup img.alignright{float: none; margin-bottom: 10px}
    
    /* header papart */
    header .top-links{display: none !important}
    header .right-menu{display: none}
    header nav.main-menu{display: none}
    
    header .logo{margin-bottom:0}
    header nav.open > .container{padding: 0}
    nav ul li{padding: 0 5px;}
    nav ul li a{padding: 0 10px 20px}
    nav > div > ul > li > a::before{height: 5px;}
    
    .dropdown-block .menu-depth-1 > li > span > a{font-size: 16px;}
    .dropdown-block .container{padding:45px 15px 25px}
    .dropdown-block .menu-depth-2 li a{font-size: 13px;}
    
    /* mobile nav */
    #mobile-menu, #mobile-menu .menu-trigger{display: block;}
    #mobile-menu .menu-trigger{display: block;width: 40px;height: 40px;position: fixed;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;white-space: nowrap;z-index: 9998;left: auto; right:8px; top: 0;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; top: 5px}
    #mobile-menu .menu-trigger.open{position: fixed; top: 0}
    #mobile-menu .menu-trigger span, #mobile-menu .menu-trigger span:after, #mobile-menu .menu-trigger span:before{background: #1b3d6e;height: 3px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; border-radius: 3px} 
    #mobile-menu .menu-trigger span{position: absolute;display: block;width: 25px;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);}
    #mobile-menu .menu-trigger span:after, #mobile-menu .menu-trigger span:before{content: '';position: absolute;left: 0;width: 100%;}
    #mobile-menu .menu-trigger span:before{top: -8px;}
    #mobile-menu .menu-trigger span:after{bottom: -8px;}
    #mobile-menu .menu-trigger.open span{background-color: rgba(0,0,0,.0)}
    #mobile-menu .menu-trigger.open span:before{top: 0;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
    #mobile-menu .menu-trigger.open span:after{top: 0;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
    #mobile-menu .navbar{position: fixed;top: 0;width:100%;height: 100%;left:0;box-sizing: border-box;z-index: 99999;overflow-y: auto;-webkit-overflow-scrolling: touch;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;margin-right: 40px; top: 50px; visibility: hidden; height: 0;border-top: 1px solid #d9d9d9}
    #mobile-menu .navbar.open{height: 100%;background:rgba(0, 0, 0, 0.70); visibility: visible;padding-bottom: 35px; -webkit-box-sizing: border-box;    box-sizing: border-box;}
    #mobile-menu nav{padding-bottom: 20px; height: auto; padding-top: 0;}
    #mobile-menu  ul{background:#fff; margin: 0 auto; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left}
    #mobile-menu  ul ul{display: none;background:#ededed;}
    #mobile-menu  ul ul ul{background:#000}
    #mobile-menu  ul ul ul ul{background:rgb(60, 60, 56)}
    #mobile-menu  ul ul ul li{padding: 3px 0}
    #mobile-menu  li{border-bottom:1px solid #696969;list-style: none;position: relative;display: block;margin: 0;padding: 0}
    #mobile-menu  li:last-child{border-bottom-width: 0;padding-bottom: 0;}
    #mobile-menu nav > ul > li > em{display: block;position: absolute;top: 3px;right:6px;width: 30px;height: 39px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu nav > ul > li > em:before, #mobile-menu nav > ul > li > em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: calc(50% - 8px);width: 16px;height: 2px;background: #333333;}
    #mobile-menu nav > ul > li > em:before{ transform: rotate(45deg); top:45%; width: 12px}
    #mobile-menu nav > ul > li > em:after{transform:rotate(-45deg);-moz-transform: rotate(-45deg); -webkit-transform:rotate(-45deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease; top: 65%; width: 12px;}
    #mobile-menu nav > ul > li > em.toggled{transform: rotate(90deg);-moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); top: 6px}
    #mobile-menu .menu-depth-1 > li em{display: block;position: absolute;top: 6px;right: 7px;width: 30px;height: 39px;-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu .menu-depth-1 > li em:before, #mobile-menu .menu-depth-1 > li em:after{content: '';position: absolute;top:50%;margin-top: -1px;left: calc(50% - 8px);width: 16px;height: 2px;background: #fff;transform:rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform:rotate(0deg);}
    #mobile-menu .menu-depth-1 > li em:after{transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
    #mobile-menu .menu-depth-1 > li em.toggled:after{transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
    #mobile-menu .menu-depth-1 > li em.level-two:before{content: '';position: absolute;width: 0;height: 0;border-style: solid;border-width: 6px 6px 0 6px;border-color: #fff transparent transparent transparent;background-color: transparent;left: 50%;top: 50%;transform: translate(-50% , -50%);-webkit-transform: translate(-50% , -50%);-moz-transform: translate(-50% , -50%);margin: 0;}
    #mobile-menu  em.level-two:after{display: none;}
    #mobile-menu  em.level-two.toggled{transform: rotate(-180deg);-moz-transform: rotate(-180deg);-webkit-transform: rotate(-180deg)}
    #mobile-menu  li a{color: #333333;padding: 15px 0px 15px 20px;display: block;margin-right: 30px;text-transform:capitalize;line-height: 20px;font-size: 18px;font-weight:600;letter-spacing: 0.09em;font-family: 'FFTisaWebPro'; text-align: left; letter-spacing: 0.050em}
    #mobile-menu  li li{border-color:#696969;}
    #mobile-menu  li li a{text-transform: none; padding-left: 30px; font-size: 17px;font-weight: 400;}
    #mobile-menu  li li li a{ padding-left: 40px;margin-right: 0;}
    #mobile-menu  li li li li a{ padding-left:35px;margin-right: 0;}
    #mobile-menu  ul ul ul a{font-size: 14px;line-height: 18px;}
    #mobile-menu  li a.active{color:#fff;}
    .scroll-hidden{overflow: hidden;height: 100% !important;position: fixed;top: 0; left: 0; right: 0;}
    
    .fixed-header{z-index: 9995}
    .over-flow .fixed-header{z-index: 99999}
     header .bottom-nav{padding:6px 0 3px; height: 55px}
    .bottom-nav .left-popup.fadein{left: 0;z-index: 9999}
    .bottom-nav .left-popup-btn{vertical-align: top; margin-top:3px;margin-right: 5px;padding:5px 5px 5px 0px}
    .bottom-nav .left-popup-btn:before{top: 6px}
/*    .left-popup .service-content{background: #666666}*/
    .bottom-nav .left-popup{opacity:0; left: -100%; display: block; position: fixed; transition: all .3s ease; visibility: hidden;}
    .bottom-nav .left-popup.fadein{opacity: 1; visibility: visible; width:100%;max-width: initial;}
    .left-popup .search-block{display: none;}
    .over-flow{position: fixed!important; overflow:hidden; overflow-y: scroll;top: 0; right: 0; bottom: 0; left: 0; height: 100%; }
    .description-block{overflow: auto; height:calc(100vh - 50px) !important; padding-bottom: 30px;-webkit-box-sizing: border-box; box-sizing: border-box;}
    .over-flow:before{background: rgba(0,0,0,.7);height: 100%;position: absolute; z-index: 999; width: 100%; content: ''; transition-delay: 0.2s; }
        
    /* footer part */
    .footer-top ul.social-media li:last-child{padding-right: 0}
    .footer-top ul.social-media li{padding: 0 12px;}
    .footer-top ul.social-media li a i{font-size: 34px;display:inline-block }
    .footer-top .block{display: none}
    .footer-top .block:last-child{display: block; width: 100%; margin: 0 auto; text-align: center}
    .footer-top{padding:30px 0 25px}
    footer .container{padding: 0 10px;}
    .footer-bottom ul li a:after{padding-left: 12px;}
    .footer-top .block:last-child{display: -webkit-flex;display: flex; -webkit-flex-flow: row wrap;flex-flow: row wrap;  -ms-box-orient: horizontal;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -moz-flex;display: -webkit-flex;display: flex;}
    .footer-top .block .social-media{-webkit-order: 2; order: 2;width: 100%; margin-bottom: 0}
    .footer-top .block .footer-brand{-webkit-order: 1; order: 1;display: table; width:auto; margin-bottom: 20px; max-width: 115px;}
    .footer-top h6{display: none}
    .footer-top address{display: none}
    .footer-bottom ul li a:hover:before{width: calc(100% - 18px)}
    
    /* defoult css */
    .box-bdr-red::before, .box-bdr-wht::before, .box-bdr-blue::before{height: 10px; width: 64px}
    .box-bdr-red:before, .box-bdr-wht:before, .box-bdr-blue:before{}
    .our-services .title-row{padding-top: 30px}
    
    /* home page */
    .banner .item{background-size: 0 0;}
    .banner .item img{opacity: 1 !important}
    .mark-red{display: inline}
    .banner .item .banner-caption{position: static;-webkit-transform:translateX(0%); -ms-transform:translateX(0%); -moz-transform:translateX(0%); transform:translateX(0%); background: #262626;padding: 30px 0 30px}
    .banner .item .container{text-align: center}
    .banner .item .title{font-size: 41px;line-height: 50px; text-align: center; margin-bottom: 30px}
    .banner .item p.title > br{display: block}
    .banner .item p.title mark br{display: block}
    .banner .item .title span{font-size: 20px; line-height: 26px; display: block; padding-top: 20px;}
    .banner .item .btn-border{margin: 0 auto; text-align: center; float: none; margin-bottom: 10px}
    .our-services{padding:0 0 20px;background-position: left center;background-position: auto 100%}
    .our-services h2{font-size: 32px;text-align: center; }
    .our-services .our-services-blocks li{width: calc(33.33% - 57px); margin: 0 30px 20px 30px}
    .our-services .our-services-blocks li h3{font-size: 24px;padding-bottom: 5px;line-height: 30px}
    .our-services .our-services-blocks li,.our-services .our-services-blocks li:nth-child(3n-1),.our-services .our-services-blocks li:first-child{width: 100%; margin: 0 auto; text-align: center; max-width: 300px; display: block}
    .our-services .our-services-blocks li h3 {text-align: center; padding-bottom: 10px; font-size: 16px;margin-bottom: 10px}
    .our-services h2{margin-bottom: 20px;}
    .our-services .our-services-blocks li h3 i{display: block; text-align: center; padding: 0; margin-bottom:0px;font-size: 19px;line-height: 18px;}
    .careers-block{padding: 40px 0 45px}
    .careers-block .caption{width:100%; display: block; text-align: center; margin-bottom: 30px}
    .careers-block h4{font-size:32px;margin-bottom: 10px}
    .careers-block p strong{font-size:16px;}
    .ideas-block .title-row{padding-top:25px; margin: 0 auto;}
    .ideas-block{padding:0 0 38px}
    .careers-block .btn-border{padding: 12px 20px; text-align: center; display:table}
    .ideas-block h3{text-align: center; display: block; font-size: 32px;margin-bottom: 20px;}
    .ideas-block .item-block{padding: 22px 20px 25px; max-width: 278px;-webkit-box-sizing: border-box; box-sizing: border-box;display: block; text-align: center}
    .ideas-block .item-block h4{font-size:19px;padding-bottom: 10px; margin-bottom: 10px;}
    .ideas-block .item-block h4 a{font-size: 19px;}
    .info-block{padding: 35px 0 45px;}
    .info-block h4{font-size: 26px;margin-bottom: 15px;padding-bottom: 10px;}    
    .info-block p{line-height: 22px; margin-bottom: 15px; font-size: 16px;}
    .info-block p br{display: none}
    .Contract-num p br{display: inline-block}
    
    /* listing page */
    .page-template-listing .inner-banner.listing-banner .item .mark-red{display: inline-block; line-height: 38px;padding-top: 0}
    .list-section .caption h2 mark, .list-section .caption h2 span{padding: 0 3px}
    .inner-banner.listing-banner .item .banner-caption{min-height: 330px; }
    .inner-banner.listing-banner .item h1{font-size:30px;line-height:36px; text-align: center}
    .inner-banner.listing-banner .item h1 span{font-size: 20px;line-height:26px; text-align: center;max-width: 210px;}
    .list-section{min-height: 203px;border-width: 3px}
    .list-section:nth-child(1) .gay-img{background-position: left center;}
    .list-section:nth-child(2) .gay-img{background-position: left center;}
    .list-section:nth-child(3) .gay-img{background-position: right center;}
    .list-section:nth-child(4) .gay-img{background-position: right center;}
    .list-section:nth-child(5) .gay-img{background-position: center center;}
    .list-section .gay-img{background-size: auto 100%; filter: none;-webkit-filter: grayscale(0%); background-position: center right}
    .list-section .gay-img:after{display: none}
    .list-section .caption h2{font-size: 24px; line-height: 30px;}
    .list-section .caption h2 a{font-size: 24px; line-height: 30px;}
    .list-section .caption p{font-size: 16px; line-height: normal; margin-bottom: 10px}
    .list-section .caption .btn-video{height: 45px;max-width: 158px; line-height: 45px;}
    .btn-border:hover:after{padding: 0}
    .list-section .caption .btn-video:before{left: 10px;font-size: 22px;line-height: 22px;}
    
    
     /* landing page */
    .page-template-landing .inner-banner .title-row h1 mark{display: inline-block; line-height: 38px;padding-left: 3px;padding-right: 3px;}
    .inner-banner{background-size: cover; margin: 0 auto; text-align: center; padding: 40px 0 25px}
    .inner-banner .title-row h1{font-size: 41px;line-height: 40px;margin-bottom: 15px;}
    .inner-banner .item-block{text-align: center; max-width: 260px; padding-top: 10px;padding-bottom: 0; margin-bottom: 10px}
    .inner-banner .item-block figure{margin-bottom:30px;}
    .inner-banner .item-block h4{font-size: 19px;padding-bottom: 10px;margin-bottom: 10px;}
    .inner-banner .item-block .btn-border{font-size: 16px;line-height: 26px; padding: 6px 30px;border-width: 1px}
    .inner-banner .title-row p{font-size: 18px;margin-bottom: 10px}
    .inner-banner .title-row{margin-bottom: 10px;}
    .banner-item-block .item-block{min-width: initial;width: calc(33.33% - 30px); margin:0 20px 15px}
    .titlesection-block{padding-bottom: 10px}
    .titlesection-block .title-row{padding-top: 50px;}
    .titlesection-block h3, .titlesection-block h4{font-size: 28px;margin-bottom: 25px}
    .titlesection-block h3 br, .titlesection-block h4 br{display: inline}
    .section-cont-half .cont-area.half-cont{width: 100%; display: block; margin-bottom: 20px;padding: 0}
    .section-cont-half .cont-img-part{width: 100%; display: block;padding: 0; margin-bottom: 20px}
    .section-cont-half h4{font-size: 20px;margin-bottom: 10px;line-height: 25px}
    .section-cont-half p{margin-bottom: 10px; line-height: 19px;}
    .cont-img-part figure figcaption strong,.cont-img-part figure figcaption strong a{font-size: 18px; line-height: 26px}
    .tabbed-section .left-part{width: 100%; margin-bottom: 25px; float: none; display: block}
    .tabbed-section .right-part{width: 100%; position: static; transform: translate(0.0); -webkit-transform: translate(0.0); -ms-transform: translate(0.0); text-align: center}
    .tabbed-section .left-part h3{margin-bottom: 20px;}
    .tabbed-section .left-part .btn-border{line-height: 27px;padding: 5px 30px;}
    .tabbed-section .left-part .tab-linking .single-link.active,.tabbed-section .left-part .tab-linking .single-link:hover{background-color: rgba(0,0,0,0); border-color: rgba(0,0,0,0)}
    .tabbed-section .left-part .tab-linking .single-link{padding-left: 10px;padding-right: 5px;}
    .tab-linking .single-link .caption h4 a,.tab-linking .single-link .caption h4{font-size: 20px;line-height: 26px;}
    .tab-linking .single-link .caption h4 i{font-size: 20px;line-height: 24px;}
    .tab-linking .single-link .caption p{line-height: 19px;font-size: 14px;}
    .white-overlay{padding-bottom: 20px;}
    .large-image-video .btn-video:hover:after{border-radius: 10px; -webkit-border-radius: 10px;}
    .left-cont-block{min-height: initial;background-position:center top; background-size: 0 0;}
    .right-cont-block{min-height: initial; background-size: 0 0;}
    .right-cont-block.blue-bg-overlay{background-color: rgba(0,0,0,0); background-size: 0 0}
    .right-cont-block.blue-bg-overlay:before{display: none}
    .right-cont-block .blue-bg-overlay:before{background-position: left center;background-size: auto 130%}
    .right-cont-block .cap-block p{color: #333}
    .left-cont-block .cap-block h2, .right-cont-block .cap-block h2{color: #333}
    .right-cont-block .cap-block ul li{color: #333}
    .mobile-user-img{display: block}
    .right-cont-block .cont-area-block{width: 100%; max-width: inherit}
    .large-image-video{background-position:30% center;}
    .large-image-video .container{padding: 0;}
    .large-image-video .container .vertical-block{width: 100%;max-width: inherit; background-color: rgba(0,0,0,0.60);padding:40px 15px 45px;}
    .large-image-video .btn-video{margin-top: 20px;}
    .large-image-video .container .vertical-block p{max-width: 280px}
    .large-image-video .container .vertical-block h4{font-size: 20px;}
    .large-image-video .container .vertical-block h4 small{font-size:12px;margin-bottom: 5px}
    .cont-area-block{padding: 35px 0}
    .left-cont-block .cont-area-block{width: 100%; max-width: inherit; padding-bottom: 20px}
    .left-cont-block .cap-block .btn{margin-bottom: 10px;}
    .left-cont-block .cap-block{background-color: rgba(255,255,255,.45); padding: 0}
    .left-cont-block .cap-block h2,.right-cont-block .cap-block h2{font-size:32px; line-height: 34px;margin-bottom: 15px;}
    .right-cont-block .cap-block h2{font-size:30px; line-height: 34px;margin-bottom: 15px;}
    .right-cont-block .cap-block .btn-border{color: #0c5291; border-color: #0c5291; margin-top: 0;}
    .tabbed-section .right-part .single-block.active{padding: 0}
    
    .cont-area-block.box-bdr-blue .cap-block{min-height: initial;padding-top: 50px;padding-bottom: 30px;}
    
    .top-spacing{padding-top: 55px;}
    

}

/* 2. iPad responsive css 768px to 1023px
------------------------------------------------------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
    .container{padding: 0 15px;-webkit-box-sizing: border-box;box-sizing: border-box;width: 100%; max-width: 975px;}
    
    /* header papart */
    header .top-links .search-block{padding-right: 0;}
    header nav.open{padding-right: 0;}
    header nav.open > .container{padding: 0}
    nav ul li{padding: 0 5px;}
    nav ul li a{padding: 0 5px 24px}
    .bottom-nav .left-popup-btn{margin-right: 10px;}
    header .logo a img{max-width: 150px}
    nav > div > ul > li > a::before{height: 5px;}
    .mark-red{ padding-left: 7px;padding-right: 7px;padding-top: 3px; line-height: 48px}
    .list-section .caption h2 mark, .list-section .caption h2 span{padding: 0 7px;}

    
    .dropdown-block .menu-depth-1 > li > span > a{font-size: 16px;}
    .dropdown-block .container{padding:45px 15px 25px}
    .dropdown-block .menu-depth-2 li a{font-size: 13px;}
    
    
    /* footer part */
    .footer-top ul.social-media li:last-child{padding-right: 0}
    .footer-top ul.social-media li{padding: 0 4px;}
    
    /* defoult css */
    .box-bdr-red::before, .box-bdr-wht::before, .box-bdr-blue::before{height: 15px;}
    
    /* home page */
    .banner .item .title{font-size: 44px;line-height: 50px}
    .banner .item .title .mark-red {padding: 4px 6px 0;line-height: 46px;}
    .our-services .title-row{padding-top: 35px;}
    .our-services h2{font-size: 36px;}
    .our-services .our-services-blocks li{width: calc(33.33% - 44px); margin: 0 30px 20px 30px}
    .our-services .our-services-blocks li h3{font-size: 24px;padding-bottom: 5px;line-height: 30px; }
    .our-services .our-services-blocks li:nth-child(3n-1){margin: 2px 15px 20px}
    .careers-block .caption{width: calc(100% - 211px); margin-bottom: 15px;}
    .careers-block{padding-bottom: 35px}
    .careers-block h4{font-size:26px;}
    .careers-block .btn-border{padding: 12px 25px}
    .our-services h2{margin-bottom: 20px;}
    .ideas-block{padding-bottom: 30px}
    .ideas-block .item-block{padding: 22px 20px 25px}
    .ideas-block .item-block h4{font-size: 19px;padding-bottom: 10px; margin-bottom: 10px; line-height: 24px}
    .ideas-block .item-block h4 a{font-size: 19px;line-height: 24px;}
    .info-block{padding: 30px 0}
    .info-block h4{font-size: 22px;margin-bottom: 15px;padding-bottom: 10px;}
    
    /* listing page */
    .inner-banner.listing-banner .item .banner-caption{min-height: 380px;}
    .inner-banner.listing-banner .item h1{font-size: 48px;line-height: 50px;}
    .inner-banner.listing-banner .item h1 span{font-size: 26px;line-height: 30px;}
    .list-section{min-height: 255px;}
    .list-section .gay-img{background-size: auto 100%}
    .list-section .caption h2{font-size: 38px; line-height: 42px;}
    .list-section .caption h2 a{font-size:38px; line-height: 42px;}
    .list-section .caption .btn-video{height: 45px;max-width: 158px; line-height: 45px;}
    .list-section .caption .btn-video:before{left: 10px;font-size: 22px;line-height: 22px;}
    .list-section .caption p{font-size: 22px; line-height: normal}
    
    /* landing page */
    .inner-banner .title-row h1{font-size: 41px;line-height: 50px;margin-bottom: 15px;}
    .inner-banner .title-row{margin-bottom: 20px;}
    .banner-item-block .item-block{min-width: initial;width: calc(33.33% - 30px); margin:0 20px 15px}
    .titlesection-block h3, .titlesection-block h4{font-size: 28px;}
    .titlesection-block{padding-bottom: 10px;margin-bottom: 15px}
    .titlesection-block h3 br, .titlesection-block h4 br{display: none}
    .section-cont-half h4{font-size: 18px;margin-bottom: 10px;}
    .tabbed-section .left-part h3{margin-bottom: 20px;}
    .tabbed-section .left-part .btn-border{line-height: 27px;padding: 5px 30px;}
    .tabbed-section .left-part{width: 55%}
    .tab-linking .single-link .caption h4 a,.tab-linking .single-link .caption h4{font-size: 18px;line-height: 22px;}
    .tab-linking .single-link .caption h4 i{font-size: 18px;line-height: 22px;}
    .white-overlay{padding-bottom: 20px;}
    .left-cont-block{min-height: initial;background-position:center top}
    .right-cont-block{min-height: initial;background-size: 100% auto;}
    .left-cont-block .cont-area-block{width: 59%}
    .right-cont-block .cont-area-block{width: 59%}
    .cont-area-block{padding: 50px 0}
    .left-cont-block .cap-block{background-color: rgba(255,255,255,.45)}
    .left-cont-block .cap-block h2,.right-cont-block .cap-block h2{font-size: 28px; line-height: 32px;margin-bottom: 15px;}
    .tabbed-section .right-part .single-block.active{padding-right: 15px;}
    
    .cont-area-block.box-bdr-blue{padding: 0;}
    
    
} 


/* 3.  samll desctop responsive css 768px to 1024px
------------------------------------------------------------------------------*/
@media (min-width:1024px) and (max-width:1120px) {
 
    nav ul li{padding: 0 6px;}
    header nav{padding-right: 0;}
    header .container{width: 98%;}
    header .main-menu .container{width: 100%;}
    .inner-banner.listing-banner .item .banner-caption{min-height: 426px;}
    .right-cont-block{background-size: 100% auto;}
    
}

/* 4. Other media-query
------------------------------------------------------------------------------*/
@media (max-width:480px){
    
    .bottom-nav .left-popup.fadein{width: 100%; max-width: 100%;z-index: 99999}
    .left-popup img.alignleft,.left-popup img.alignright{width: auto; margin: 0 auto; max-width: 100%;  display: inline-block; vertical-align: top; margin: 0 0}
    .left-popup img.alignleft{margin-right: 3px}
    .left-popup p{line-height: 18px;}
    
    .banner .item .title{font-size: 39px;}
    .banner .item p.title br{display: none; }
    .banner .item .title span{font-size: 20px; line-height: 26px; display: block}
    .banner .item .mark-red{background-color: transparent; display: inline; padding: 0}
    .banner .item .title .mark-red{padding: 0}
    .banner .item .mark-red strong{background: #bf0d04; display: inline-block; padding: 0 5px; -webkit-box-sizing: border-box; box-sizing: border-box;}
    
}
@media (max-height:320px){
    .left-popup .description-block .mCSB_container{padding-bottom: 40px}
    
}