@charset "utf-8";

/* CSS Document */

/* 1200px < big screen styles  ======================================== */
@media screen and (max-width:1400px) {

    /*    .inner-banner {
        padding-top: 34px;
        }*/

    /********************** key offerings start *********************/
    .key-offering-section { height: 190px; }
    .key-offerings h2 { margin: 2% 0; }
    .key-offerings p.key-decription { margin-bottom: 3%; }
    .key-offering-image img { width: 100% }
    .key-offering-data { padding: 20px; }
    .key-offering-data h3 { font-size: 16px; margin-bottom: 10px }
    .key-offering-data p { margin-bottom: 10px; }

    /********************** key offerings end *********************/

    /********************** case studies start *********************/
    .case-studies-container-n { width: 97%; }
    .case-study-list { padding: 0 15px; }
    .case-studies-container-n h2 { margin: 2% 0; font-size: 30px; }
    .case-study-list-content { font-size: 13px; line-height: 16px }
    .case-studies-tab.resp-vtabs .resp-tabs-list li { height: 82px; }
    .case-studies-tab.resp-vtabs li img.list, .case-study-list { height: 80px; }
    .case-studies-tab.resp-vtabs .resp-tabs-list li, .case-studies-tab.resp-vtabs .resp-tabs-list li:hover { margin: 15px 30px 15px 0; }
    .case-studies-tab.resp-vtabs li.resp-tab-active { margin: 15px -25px 15px 25px !important; }
    .case-studies-tab.resp-vtabs .resp-tabs-container { padding: 0 0 15px 25px; min-height: 350px; }
    .case-studies-tab.resp-vtabs .resp-tabs-container h3 { font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 15px; }
    .case-studies-tab.resp-vtabs .resp-tabs-container p { margin-bottom: 15px; font-size: 14px; }
    .case-studies-container-n .case-study-img { width: 92%; float: right; }
    .case-studies-container-n .know-more-btn { margin: 2% 0 5% 0; }
    .case-studies-tab.resp-vtabs .resp-tabs-container { width: 70%; }

    /********************** case studies end *********************/

    /************ about cygnet start ******/
    .about-cygnet { padding: 40px 0; }

    /************ about cygnet end ******/

    /************ menu start ******/

    .menu-area .nav li ul { margin-left: 44px; }

/************ menu end ******/ }

/*  991px < big screen  styles  ======================================= */
@media screen and (min-width:991px) {
    .brand-logo img { max-width: 100%; max-height: 100%; }
    .menu-area .nav > li > a { padding: 10px 15px 25px; color: #fff; outline: none; }
    .header-small .menu-area .nav > li > a { padding: 10px 15px 25px;        /*color: #fff;*/ outline: none; }

    /************ menu start ******/
    .menu-area .nav li li a.parent { background: #d9d9d9 url(../images/rightArrow.png) no-repeat 87% center; }
    .menu-area .nav li li:hover a.parent { background: #d9d9d9 url(../images/rightArrow_hover.png) no-repeat 87% center; }
    .menu-area .nav li li li a { background: #d9d9d9; z-index: 200; padding: 8px 15px }
    .case-studies { min-height: 980px; }
    .animation-scroll { position: relative; top: 70px; }

    /*20-06-2016*/
    .menu-area .nav > li > a { font-size: 14px; }

    /*   .search-box {
        margin-top: 12px;
    }*/
    .brand-logo { margin-top: -1.5%; }
    .about-us .about-content p { margin-bottom: 0 !important; }
}

/*  1281px > tablet styles < 1400px ======================================= */
@media screen and (min-width:1281px) and (max-width:1400px) {
    .slider-area .slide1-inner-content i { top: 0; }
    .slider-area .slide1-inner-content { margin-top: 140px; }
    .slider-area .fp-slidesNav.bottom { bottom: 25px; }
    .about-us .about-image, .about-us .about-content { width: 50%; }
    .about-us .about-content { margin-top: 20px; top: 95px; }
    .about-us .about-image img { width: 100%; }
    .about-us .about-content p, .about-us .about-content .about-skill ul li { margin-bottom: 5px !important; }
    .about-us .about-content h2 { padding-bottom: 10px; }
    .about-us .about-content p, .about-us .about-content .about-skill ul li .list-title, .about-us .about-content .about-skill ul li .list-title a { font-size: 17px; }

    /*.slider-area .slide1-inner-content i{ margin-top:22px; }*/
    .case-studies { min-height: 980px; }
    .fp-slidesNav.bottom { bottom: 40px; }
    .slider-space { padding-bottom: 5%; padding-top: 10%; }
    .animation-scroll { position: relative; top: 0px; }
    .top-bar { padding: 10px 0; }
    .top-bar-text { font-size: 16px; padding-top: 3px; }
    .top-bar .cust-btn { padding: 5px 10px; }

    /*with topbar   */

    /*20-06-2016*/
    .menu-area .nav > li > a { font-size: 15px; }
    .about-banner-content { margin: 42% 7% 34%; font-size: 2em; }
}

/*  992px > tablet styles < 1280px ======================================= */
@media screen and (min-width:992px) and (max-width:1280px) {
    .menu-area .nav li ul { margin-left: 80px; }
    .slider-area .slide1-inner-content { margin-top: 10%; position: static; }
    .slider-area .slide1-inner-content a { font-size: 15px; }
    .about-us .about-content { width: 100%; margin-top: 20px; }
    .about-us .about-image img { width: 100%; }
    .about-us .about-content h2 { padding: 10px 0; font-size: 25px; }
    .about-us .about-skill { margin-top: 20px; }
    .about-us .about-content p, .about-us .about-content .about-skill ul li { margin-bottom: 10px; }
    .about-us .our-clients .about-partners { padding-bottom: 10px; }
    .about-us .about-content p, .about-us .about-content .about-skill ul li .list-title { font-size: 17px; }
    .slider-area #slide1 { background-size: cover; }
    .slider-area .slide1-inner-content i { display: none; }
    .about-us .about-image { top: 0; width: 50%; }
    .about-us .about-content p { width: 100%; font-size: 15px; }
    .about-us .about-content { margin-left: 50px; padding-left: 70px; margin-left: 0; margin-bottom: 10px; width: 46%; margin-top: 150px; }
    .about-us .about-content .about-skill ul i { }
    .about-us .about-content .about-skill ul li .list-desc, .about-us .about-content .about-skill ul li .list-title, .about-us .about-content .about-skill ul li .list-title a { font-size: 15px; }
    .about-us .about-content .about-skill ul i { font-size: 27px; height: 45px; width: 45px; }
    .about-banner-content { margin: 42% 7% 34%; font-size: 2em; }

    /*Case*/

    /*fotter*/
    footer .footer-bar { padding: 22px 0; }

    /*****overview-page******/

    /*****banner******/

    /*****contact-page ******/
    .contact-page .col-md-3 { width: 25%; }
    .contact-page .social-media-find > span { display: none; }
    .social-media-find ul li a { font-size: 30px; }
    .contact-page .address-list i { width: 36px; border: none; margin-right: 15px; font-size: 19px; }
    .contact-page .address-list ul li .list-title { float: none; font-size: 13px; }
    .contact-page .address-list i { margin-top: 0; }
    .contact-page .address-list-bottom { width: 100%; }

    /*Business Partners and Alliances*/
    .logo-page li { padding: 5% 0; }
    .animation-scroll { position: relative; top: 30px; }
    .fp-slidesNav.bottom { bottom: 60px; }
    .animation-scroll { display: none; }
    .get-started-btn { padding: 5px 15px; }
    .search-header-border .search-form-1 { right: 240px; }
}

/*  1025px > tablet styles < 1200px ======================================= */
@media screen and (min-width:1025px) and (max-width:1200px) {

    /*menu*/
    .menu-area { }
    .menu-area .nav a { padding: 12px 18px; }
    .menu-area .nav li { padding: 0 4px; }
    .overview-area .overview-section .overview-open { width: 100%; }
    .menu-area .nav li ul { left: 0px; margin-left: 174px; }
    .menu-area .nav > li > a { padding-left: 10px !important; padding-right: 10px !important; }
    .header-small .menu-area .nav > li > a { padding-left: 10px !important; padding-right: 10px !important; }
    .fp-slidesNav { display: none; }
}
@media screen and (min-width:992px) and (max-width:1024px) {
    .menu-area .nav > li > a { font-size: 13px; }
}
@media all and (max-width:1366px) {
    .slider-area #slide1, .slider-area #slide2, .slider-area #slide3 { background-repeat: no-repeat; background-size: 104% 86%; background-position: center 110px; }
}
@media all and (max-width:1360px) {
    .slider-area #slide1, .slider-area #slide2, .slider-area #slide3 { background-repeat: no-repeat; background-size: 100% 91%; background-position: center 90px; }

    /********************** key offerings start *********************/
    .key-offering-section { height: 200px; }
    .key-offerings h2 { font-size: 30px; margin: 2% 0; }
    .key-offerings p.key-decription { font-size: 16px; line-height: 26px; margin-bottom: 2%; }
    .key-offering-image img { height: 100%; width: 110%; }

    /********************** key offerings end *********************/

    /********************** case studies start *********************/
    .case-studies-container-n { width: 97%; }
    .case-study-list { padding: 0 15px; }
    .case-studies-container-n h2 { margin: 1.5% 0 2% 0; font-size: 30px; }
    .case-study-list-content { font-size: 13px; line-height: 16px }
    .case-studies-tab.resp-vtabs .resp-tabs-list li { height: 82px; }
    .case-studies-tab.resp-vtabs li img.list, .case-study-list { height: 80px; }
    .case-studies-tab.resp-vtabs .resp-tabs-list li, .case-studies-tab.resp-vtabs .resp-tabs-list li:hover { margin: 15px 30px 15px 0; }
    .case-studies-tab.resp-vtabs li.resp-tab-active { margin: 15px -25px 15px 25px !important; }
    .case-studies-tab.resp-vtabs .resp-tabs-container { padding: 0 0 15px 25px; min-height: 350px; }
    .case-studies-tab.resp-vtabs .resp-tabs-container h3 { font-size: 16px; font-weight: 600; line-height: 20px; margin-bottom: 15px; }
    .case-studies-tab.resp-vtabs .resp-tabs-container p { margin-bottom: 15px; font-size: 14px; }
    .case-studies-container-n .case-study-img { width: 92%; float: right; }
    .case-studies-container-n .know-more-btn { margin: 1.5% 0 5% 0; }
    .case-studies-tab.resp-vtabs .resp-tabs-container { width: 70%; }

/********************** case studies end *********************/ }
@media all and (max-width:1280px) {
    .slider-area #slide1 { background-position: 55% top; background-size: cover; }
    .slider-area #slide2 { background-position: 33% top; background-size: cover; }
    .slider-area #slide3 { background-position: 21% top; background-size: cover; }

    /********************** case studies start *********************/
    .case-studies-container-n .resp-vtabs ul.resp-tabs-list { width: 40%; }
    .case-studies-container-n .case-studies-tab.resp-vtabs .resp-tabs-container { width: 60%; }
    .case-studies-tab.resp-vtabs .resp-tabs-container { min-height: 420px; }
    .case-studies-container-n .know-more-btn { margin: 5% 0; }

    /********************** case studies end *********************/

    /************ about cygnet start ******/
    .about-cygnet .about-col { padding: 0 5px; }

    /************ about cygnet end ******/

    /************ partner sections start ******/
    .partner-logo-list > li { display: inline-block; width: 13%; }
    .partner-logo-list > li img { width: 100%; }

/************ partner sections end ******/ }
@media all and (max-width:1199px) {

    /********************** case studies start *********************/
    .hidden-sm { display: block }
    .case-studies-tab.resp-vtabs .resp-tabs-container p.pull-right { float: left !important; }
    .case-studies-container-n .case-studies-tab.resp-vtabs .resp-tabs-list { width: 45%; }
    .case-studies-container-n .case-studies-tab.resp-vtabs .resp-tabs-container { width: 55%; }
    .case-studies-container-n h2 { margin: 5% 0; }

    /********************** case studies end *********************/
    .menu-area .nav li ul { margin-left: 25px; }
}

/*  1024px < mobile styles======================================= */
@media all and (max-width:1024px) {

    /*logo*/
    .brand-logo img { max-width: 100%; max-height: 100%; }

    /*menu*/
    .menu-area .nav > li > a { padding-left: 10px !important; padding-right: 10px !important; }
    .header-small .menu-area .nav > li > a { padding-left: 10px !important; padding-right: 10px !important; }

    /*slider*/
    .slider-area .slider-border, .fp-slidesNav { display: none; }
    .slider-area #slide1 { background-size: cover; }
    .slider-area a.cust-btn { padding: 14px 40px; }
    .slider-space { padding-top: 8%; width: 100%; }
    .animation-scroll { position: relative; top: 20px; }
    .fp-slidesNav.bottom { bottom: 70px; }

    /*about*/
    .about-us .about-content { margin-right: 10px; margin-left: 10px; padding: 0; text-align: center; }
    .about-us .about-content h2 { padding: 20px 0; font-size: 25px; letter-spacing: 0; }
    .about-us .about-content p { width: 100%; }
    .about-us .about-content .about-skill ul i { padding: 8px; margin-top: 0; margin-right: 10px; margin-bottom: 0px; }
    .about-skill br { }
    .about-us .about-content .about-skill ul li { margin: 0 0 20px 22px; width: 100%; }
    .about-us .about-content .about-skill ul li .list-title { float: none; }
    .about-us .our-clients .client-item { display: inline; float: none; }
    .about-us .about-content { margin-top: 80px; }
    .clients-carousel { text-align: center; }

    /*inner banner*/
    .banner-description .table-cell > img { width: auto; }

    /*Case*/
    .case-header a.blue-btn-border { font-size: 12px; padding: 10px 20px; }

    /*footer*/
    footer .footer-bar .policy { text-align: center; }
    footer .footer-menu .footer-blog { border: none; }
    footer .footer-mail { float: left; margin: 10px 0; }
    footer .footer-menu .col-lg-4 { padding: 0 0 0 25px; }
    footer .footer-blog .blog-area { margin-bottom: 15px; }
    footer .footer-menu { padding: 15px 0px; }
    footer .footer-bar { padding: 15px 0; }
    footer .footer-menu .col-lg-4, footer .footer-menu .pad-l-10 { padding: 0 0 5px 0 !important; }
    #section0, #section0 .fp-tableCell, #section1, #section1 .fp-tableCell, #section2, #section2 .fp-tableCell, #section3, #section3 .fp-tableCell { height: inherit !important; }

    /*****contact-page******/
    .contact-page .address-list i { margin-right: 15px; font-size: 19px; }
    .buttons-block-center { display: none; }
    .pagination-button .pull-left, .pagination-button .pull-right, .buttons-block .cust-btn { width: 130px !important; }
    .unsubsribe-page .filter-block { width: auto; }
    .related-posts .related-post-item a, .related-posts .related-post-item a img, .related-posts.skin-2 .related-post-item a span { font-size: 12px; }
    .overview-area .overview-section .overview-open { padding: 8px 20px; width: 100%; }
    .overview-area .overview-section .overview-open p { line-height: 16px; }
    .overview-area .overview-section .overview-open > h2 { margin-bottom: 5px; }
    .pdf-area { float: left; width: 100%; }

    /******************** showcase ***********************/
    .img-item-wrap, .img-item-wrap-2 { background: none !important; }
    .iphone.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-iphone.png) top center no-repeat; }
    .android.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-android.png) top center no-repeat; }
    .windows.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-windows.png) top center no-repeat; }
    .landscape.iphone.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-iphone-l.png) top center no-repeat; }
    .landscape.android.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-android-l.png) top center no-repeat; }
    .landscape.windows.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-windows-l.png) top center no-repeat; }
    .landscape .showcase_frame .showcase_img { max-width: 100%; margin: 24px 60px; }
    .logo-page .logo-area li.logo-lg { padding: 17.8px 5%; }
}

/* 1024px < big screen width  styles and  768px > small screen height  styles for small screen under 1360px******************************************/
@media screen and (min-width:1024px) and (max-height:680px) {
    .slider-area .slide1-inner-content { -webkit-transform: scale(0.83, 0.83); -webkit-transform-origin: center center; -ms-transform: scale(0.83, 0.83); -ms-transform-origin: center center; -moz-transform: scale(0.83, 0.83); -moz-transform-origin: center center; top: 0 }
    .about-us .about-content { -webkit-transform: scale(0.9, 0.9); -webkit-transform-origin: left top; -ms-transform: scale(0.9, 0.9); -ms-transform-origin: left top; -moz-transform: scale(0.9, 0.9); -moz-transform-origin: left top; }
    .case-studies .container { -webkit-transform: scale(0.8, 0.8); -webkit-transform-origin: left top; -ms-transform: scale(0.8 0.8); -ms-transform-origin: left top; -moz-transform: scale(0.8, 0.8); -moz-transform-origin: left top; }
    .fp-slidesNav.bottom { bottom: 40px; }
    .case-studies { min-height: 680px; }
}

/*  768px > tablet styles < 991px ======================================= */
@media screen and (min-width:768px) and (max-width:991px) {

    /* header menu */

    /*menu*/
    .menu-area .nav > li > a { padding: 12px 18px; }
    .navbar-fixed-top { background: #22404f; }
    .navbar-fixed-top.header-small { background: #22404f; }
    .menu-area ul.nav {        /*overflow-y: scroll;*/
    margin-top: 15px; }
    .menu-area .active { display: block; }
    .menu-area .nav > li { float: none;        /*border-top: 1px solid #395360;*/ }
    .menu-area .nav > li > .parent { background-image: url(../images/downArrow-gray.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav > li > .parent:hover { background-image: url(../images/downArrow_hover_black.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav > li:hover > .parent, .menu-area .nav > li.active > .parent { background-image: url(../images/downArrow_hover_black.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .nav > li > a:hover, .nav > li > a:focus { background-color: transparent !important; color: #000; }
    .menu-area .nav > li:hover > a, .nav > li:focus > a, .menu-area .nav > li.active > a { background-color: transparent !important; color: #000; }
    .menu-area .nav > li > .parent.current { background-image: url(../images/upArrow_gray.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav > li > .parent.current:hover { background-image: url(../images/upArrow_hover_black.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav li li .parent { background-image: url(../images/downArrow-gray.png); background-repeat: no-repeat; background-position: 95% 50%; padding-left: 30px; }
    .menu-area .nav li li .parent { background-image: url(../images/downArrow_hover_black.png); background-repeat: no-repeat; background-position: 95% 50%; padding-left: 30px; }
    .menu-area .nav li li li a { padding-left: 40px; }
    .menu-area .nav li li .parent.current { background-image: url(../images/upArrow_gray.png) !important; background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav li li .parent.current:hover { background-image: url(../images/upArrow_hover_black.png) !important; background-repeat: no-repeat; background-position: 95% 50%; }

    /*.mobile-menu.menu-area .nav > li ul li:hover > a.parent {
            background-image: url(../images/downArrow.png.png);
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }*/
    .menu-area .nav ul { display: block; width: 100%; }

    /*.menu-area .nav li ul {
        border: 0;
    }*/
    .menu-area .nav li ul ul { border: 0; }
    .menu-area .nav li ul li { border-bottom: 0; }

    /*.menu-area .nav > li.hover > ul, .nav li li.hover ul { position: static; }*/
    .menu-area .nav > li ul { position: static; }
    .header-shrink-logo-icon img { height: 36px; max-width: 100%; }
    .header-shrink-logo-icon { overflow: hidden; margin-right: 0px; position: relative; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.8s ease; }

    /*.header-shrink-logo-icon.show-it {
            overflow: hidden;
            margin-left: 0px;
            margin-right: 15px;
            top: -3px;
        }*/
    .menu-area .nav li li a { background: #d7d7d7; padding-left: 30px; }
    .header-shrink-logo-icon a { display: inline-block; }
    .menu-area .nav > li:hover > a, .nav > li:focus > a { background-color: transparent !important; color: #000; }
    header .header-inner { padding: 20px 0 10px 0; }
    .search-box { margin-top: 10px; }
    .toggle-btn { margin-top: 0px; }
    .header-small a.toggleMenu { background: transparent none repeat scroll 0 0;        /* border: 1px solid #ddd; */ color: #fff !important; display: none; padding: 5px 0px; width: 36px; height: 36px; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; }
    .header-small a.toggleMenu .icon-bar { width: 25px; }
    .search-form { top: 71px; }
    .header-small .search-form { top: 71px; }

    /* ends */

    /*slider*/
    .slider-area .slide1-inner-content { margin-top: 50px; }
    #section0, #section0 .fp-tableCell, #section1, #section1 .fp-tableCell, #section2, #section2 .fp-tableCell, #section3, #section3 .fp-tableCell { height: inherit !important; }
    .slider-area .slide1-inner-content { margin: 200px auto 140px; }
    .slider-area .slide1-inner-content .client-relationships { margin: 25px auto; }
    .slider-area .slide1-inner-content .btn-sky { margin-bottom: 40px; }
    .animation-scroll { position: relative; top: 20px; }
    .fp-slidesNav.bottom { bottom: 55px; }

    /* header */
    header { padding: 0; }

    /*20-06-2016*/
    .brand-logo { margin: 0; margin-bottom: 0px; }
    .case-studies { padding: 20px 0; }
    .footer-bar .social { margin: 10px 0; text-align: center !important; }

    /*about*/
    .about-us .about-image { display: none; }
    .about-us .our-clients { margin-bottom: 20px; }
    .about-us .about-content { margin-top: 20px; }

    /*****overview-page******/
    .overview-area .overview-section .overview-open { width: 96%; margin-left: 0; }
    .overview-area .overview-open h2 { font-size: 18px; margin: 5px 0; }
    .overview-area .overview-section .overview-open p { line-height: 17px; }
    .space-area { margin-top: 30px; }

    /*****contact-page******/
    .contact-page .address-list ul li .list-title { width: 70%; font-size: 13px; }
    .contact-page .address-list i { margin-top: 0; }
    .contact-page .address-list-bottom { width: 100%; }
    .contact-page .contact-section .contact-form { width: auto; }
    .contact-page .social-media-find > span { display: none; }
    .social-media-find ul li a { font-size: 30px; }

    /*Business Partners and Alliances*/
    .logo-page li { min-height: 100px; width: 50%; border-bottom: medium none; }
    .logo-page li:nth-child(2), .logo-page li:nth-child(5), .logo-page li:nth-child(8), .logo-page li:nth-child(11), .logo-page li:nth-child(14), .logo-page li:nth-child(17), .logo-page li:nth-child(20), .logo-page li:nth-child(3n-1) { border-left: none; border-right: none; }
    .logo-page ul li:last-child { border-right: none; }
    .skin-3 .related-post-item a span { overflow: scroll; }

    /******************** showcase ***********************/
    .img-item-wrap, .img-item-wrap-2 { background: none !important; }
    .iphone.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-iphone.png) top center no-repeat; }
    .android.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-android.png) top center no-repeat; }
    .windows.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-windows.png) top center no-repeat; }
    .landscape.iphone.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-iphone-l.png) top center no-repeat; }
    .landscape.android.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-android-l.png) top center no-repeat; }
    .landscape.windows.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-windows-l.png) top center no-repeat; }
    .landscape .showcase_frame .showcase_img { max-width: 100%; margin: 24px 60px; }
    #btnScheduleSubmit { font-size: 12px; height: auto; padding-bottom: 6px; padding-left: 4px; padding-right: 4px; padding-top: 6px; width: 100%; }
    .top-bar-area { margin-right: 0; }

    /*with topbar*/

    /*********** pdf area *************/
    .pdf-area { float: none; text-align: center; margin-top: 15px; margin-bottom: 0; }
    .pdf-area button:last-child { margin: 0 auto; }
    .pdf-area .contact_btn:hover, .pdf-area .contact_btn-1 { background-position: 15px 20px; padding-left: 43px; width: 137px; float: none; }
    .pdf-area .contact_btn, .pdf-area .contact_btn-1:hover { background-position: 15px 20px; padding-left: 43px; width: 137px; float: none; }

    /*20-06-2016*/
    header .header-inner { padding: 10px 0; }

    /*client logo changes*/
    .logo-spacer { display: none; }
}
@media screen and (max-width:991px) {
    .header-small .header-inner { padding: 10px 0; }
    .search-area { position: relative; top: 3px; margin: 0 15px; }
    .logo-page .logo-area li.logo-lg img { width: 80px; }
    .logo-page .logo-area li.logo-lg { padding: 15px 5%; }
    .menu-area .nav li ul li { float: none; width: auto; }
    .menu-area .nav li li a { color: #000; }
    .menu-area .nav li ul { background: none; margin-right: inherit; padding-right: inherit; margin-left: 0; float: none; border-top: 3px solid #a4cedd; }
    .nav > li > a:hover, .nav > li > a:focus, .menu-area .nav > li:hover > a, .nav > li:focus > a, .menu-area .nav > li.active > a { background-color: #d9d9d9 !important; color: #000000 !important; }
    .menu-area .nav > li > .parent { color: #333333; }
    .menu-area .nav a { padding: 12px 18px; color: #707070; }
    .menu-area .nav li { padding: 0 4px; }

    /********************** key offerings start *********************/
    .key-offering-section { height: 250px; }
    .key-offering-data { padding: 0 50px; }
    .key-offering-image img { height: 100%; }
    .key-offerings h2 { font-size: 30px; margin: 10% 0; }
    .key-offerings p.key-decription { font-size: 14px; line-height: 20px; margin-bottom: 6%; }

    /************ mobile Right section ******/
    .key-offering-section.mobile-right { border-bottom: 1px solid #ebebeb; border-top: none; }
    .key-offering-section.mobile-right .key-offering-image { float: right; }
    .key-offering-section.mobile-right .key-offering-data { float: left; }
    .key-offering-section.mobile-right .key-offering-data::before { display: none; }
    .key-offering-section.mobile-right .key-offering-data::after { top: 47%; transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); border-right: 20px solid rgba(0, 0, 0, 0); border-left: 20px solid rgba(0, 0, 0, 0); border-top: 20px solid #ffffff; content: ""; display: block; height: 0; right: 50%; margin-right: -28px; position: absolute; transition: all 0.6s ease 0s; width: 0; }
    .key-offering-section.mobile-right:hover .key-offering-data::after { border-top: 20px solid #28acdd; transition: all 0.6s ease 0s; }

    /************ mobile left section ******/
    .key-offering-section.mobile-left { border-bottom: 1px solid #ebebeb; border-top: none; }
    .key-offering-section.mobile-left .key-offering-image { float: left; }
    .key-offering-section.mobile-left .key-offering-data { float: right; }
    .key-offering-section.mobile-left .key-offering-data::after { display: none; }
    .key-offering-section.mobile-left .key-offering-data::before { top: 47%; transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); border-right: 20px solid rgba(0, 0, 0, 0); border-left: 20px solid rgba(0, 0, 0, 0); border-top: 20px solid #ffffff; content: ""; display: block; height: 0; right: 50%; margin-right: -28px; position: absolute; transition: all 0.6s ease 0s; width: 0; }
    .key-offering-section.mobile-left:hover .key-offering-data::before { border-top: 20px solid #28acdd; transition: all 0.6s ease 0s; }

    /********************** key offerings end *********************/
    .case-studies-tab.resp-vtabs .resp-tabs-container { min-height: 475px; }

    /************ partner sections start ******/
    .partners-logo { padding: 20px 0; }
    .partner-logo-list > li { display: inline-block; margin: 2% 3%; width: 17%; }
    .partner-logo-list > li img { width: 100%; }

    /************ partner sections end ******/

    /************ footer contact start ******/
    .footer-Connect-n i { margin-right: 10px }
    .footer-contact label { min-width: 155px }
    .footer-contact .email, .footer-contact .email a { font-size: 14px; margin: 10px 0; }

/************ footer contact end ******/ }

/*  767px < mobile styles======================================= */
@media all and (max-width:767px) {
    .search-form { top: 71px; }

    /* header */
    .brand-logo { margin-right: 0px; }

    /*.header-small .brand-logo { display:none; }*/
    header .header-inner { padding: 10px 0; }

    /*.header-small .xs-header { padding: 0px 0 0; }*/

    /*search*/
    .search-area:checked ~ .blog-search-form { top: 50px; }
    .search-box { margin-top: 5px; }
    .blog-search-form { margin-right: 0px; }

    /*menu*/
    .navbar-fixed-top { background: #22404f; }
    .menu-area ul.nav {        /*overflow-y: scroll;*/
    margin-top: 15px; }
    .menu-area .active { display: block; }
    .menu-area .nav > li { float: none;        /*border-top: 1px solid #395360;*/ }
    .menu-area .nav > li:hover > a, .nav > li:focus > a, .menu-area .nav > li.active > a { color: #000; }
    .nav > li > a:hover, .nav > li > a:focus { color: #000; }
    .menu-area .nav > li:hover > .parent, .menu-area .nav > li.active > .parent { background-image: url(../images/downArrow_hover_black.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav > li > .parent { background-image: url(../images/downArrow-gray.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav > li > .parent:hover { background-image: url(../images/downArrow_hover_black.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav > li > .parent.current { background-image: url(../images/upArrow_gray.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav > li > .parent.current:hover { background-image: url(../images/upArrow_hover_black.png); background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav li li .parent { background-image: url(../images/downArrow_hover_black.png); background-repeat: no-repeat; background-position: 95% 50%; padding-left: 30px; }
    .menu-area .nav li li li a { padding-left: 40px; }
    .menu-area .nav li li .parent.current { background-image: url(../images/upArrow_gray.png) !important; background-repeat: no-repeat; background-position: 95% 50%; }
    .menu-area .nav li li .parent.current:hover { background-image: url(../images/upArrow_hover_black.png) !important; background-repeat: no-repeat; background-position: 95% 50%; }

    /*.mobile-menu.menu-area .nav > li ul li:hover > a.parent {
            background-image: url(../images/downArrow.png.png);
            background-repeat: no-repeat;
            background-position: 95% 50%;
        }*/
    .menu-area .nav ul { display: block; width: 100%; }
    .menu-area .nav li ul { border: 0; }
    .menu-area .nav li ul ul { border: 0; }
    .menu-area .nav li ul li { border-bottom: 0; }

    /*.menu-area .nav > li.hover > ul, .nav li li.hover ul { position: static; }*/
    .menu-area .nav > li ul { position: static; }
    .header-shrink-logo-icon img { height: 36px; max-width: 100%; }
    .header-shrink-logo-icon { overflow: hidden; margin-right: 0px; position: relative; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.8s ease; }

    /*.header-shrink-logo-icon.show-it {
            overflow: hidden;
            margin-left: 0px;
            margin-right: 15px;
            top: -3px;
        }*/
    .menu-area .nav li li a { padding-left: 30px; }
    .header-shrink-logo-icon a { display: inline-block; margin-top: 2px; }
    .menu-area .nav > li:hover > a, .nav > li:focus > a { background-color: transparent !important; color: #000; }

    /*inner-banner*/
    .banner-description h1 { padding-top: 75px !important; }

    /*.menu-area .nav > li.hover > ul, .nav li li.hover ul { position: static; }*/
    .menu-area .nav > li ul { position: static; }

    /*slider*/
    .animation-scroll { display: none; }
    .fp-slidesNav.bottom { bottom: 65px; }
    .slide1-inner-content h1 br { display: none; }
    .slider-area .slide1-inner-content { margin: 0; width: 100%; }
    .layer { background-color: #22404f; }
    .slider-area .slide1-inner-content h1 { padding: 25px; min-height: 260px; font-size: 21px; }
    .cta-container { padding: 25px }

    /*.about*/
    .about-us .about-image { display: none; }
    .about-us .about-content { margin: 6% 10px; }
    .about-us .our-clients { margin-bottom: 20px; }

    /*case*/
    .case-studies { min-height: inherit; padding: 15px 0; }
    .case-studies .case-header, .case-studies .case-content { width: 100%; }
    .case-studies .case-content .case-content-read { margin: 10px 0; }
    .case-header a.blue-btn-border { font-size: 10px; padding: 7px 10px; }

    /*footer*/
    footer .footer-menu .col-lg-4 { padding: 0 0 5px 0 !important; }
    footer .footer-Connect, footer .footer-blog { margin: 0 10px; padding: 0; width: 97%; }
    .footer-bar .list-inline { text-align: center; margin: 10px 0; }

    /*overview*/
    .overview-area .related-posts.skin-2 .related-post-item a span { margin: 0 0 0 2px; }
    .contact-page .contact-section .contact-form { width: 100%; }
    .my-cygnet { margin-bottom: 30px; }

    /*****contact-page******/
    .contact-page .contact-section .contact-form, .contact-page .contact-right-part, .contact-page .address-list-bottom { width: 100%; }
    .contact-page .contact-section, .contact-page .address-list-area .address-list { border: none; }
    .contact-page .pdf-area ul li { padding: 14px 10px; width: 135px; }
    .contact-page .social-media-find > span { padding-right: 10px; }
    .social-media-find ul li a { font-size: 34px; }
    .contact-page .address-list-area .address-list { padding: 20px 0; }
    .pdf-area { float: left; }
    .contact-page .pdf-area { float: none; }
    .contact-page .pdf-area ul a { float: none; }
    .contact-page .pdf-area ul li:first-child { margin-right: 8px; }
    .contact-page .pdf-area ul li.brochure:hover { padding: 14px 10px; width: 135px; }
    .cygnet-testimonial .blockquote-with-quote, .cygnet-testimonial .blockquote-without-quote { font-size: 13px; padding: 15px 35px 15px 52px; }
    .contact-page .address-list-area .address-list:last-child { padding-bottom: 0; }

    /*.popup-box{ position:absolute; top:0; }*/

    /***unsubsribe-page****/
    .unsubsribe-page .filter-block { padding: 10px 0; }
    .unsubsribe-page .unsubsribe-select { margin-bottom: 15px; margin-right: 10px; width: 250px; }

    /*********** shocase page ****************/
    .showcase-tab ul li a { padding: 0 15px; }
    .cms-category .cms-category-item .cms-category-content span { margin-bottom: 0 !important; }
    .cms-category .cms-category-item .cms-category-content p { margin-bottom: 5px !important; }
    .cms-category-item { min-height: 0 !important; }
    .landscape.android .showcase_css3_effects li div.img-item-wrap, .landscape.android .showcase_css3_effects li div.img-item-wrap-2 { background-size: 80%; }
    .landscape.android .showcase_css3_effects li.active div.img-item-wrap, .landscape.android .showcase_css3_effects li.active div.img-item-wrap-2 { background-size: 80%; background-position: center center; }
    .landscape .showcase_frame .showcase_img { max-width: 50%; margin: 20px auto; }
    .landscape.android .showcase_css3_effects li div.img-item-wrap-2, .landscape.android .showcase_css3_effects li div.img-item-wrap { min-height: 180px; min-width: 250px }
    .landscape.iphone .showcase_css3_effects li div.img-item-wrap, .landscape.iphone .showcase_css3_effects li div.img-item-wrap-2 { background-size: 80%; }
    .landscape.iphone .showcase_css3_effects li.active div.img-item-wrap, .landscape.iphone .showcase_css3_effects li.active div.img-item-wrap-2 { background-size: 80%; background-position: center center; }
    .landscape .showcase_frame .showcase_img { max-width: 50%; margin: 20px auto; }
    .landscape.iphone .showcase_css3_effects li div.img-item-wrap-2, .landscape.iphone .showcase_css3_effects li div.img-item-wrap { min-height: 180px; min-width: 250px }
    .landscape.windows .showcase_css3_effects li div.img-item-wrap, .landscape.windows .showcase_css3_effects li div.img-item-wrap-2 { background-size: 80%; }
    .landscape.windows .showcase_css3_effects li.active div.img-item-wrap, .landscape.windows .showcase_css3_effects li.active div.img-item-wrap-2 { background-size: 80%; background-position: center center; }
    .landscape .showcase_frame .showcase_img { max-width: 50%; margin: 20px auto; }
    .landscape.windows .showcase_css3_effects li div.img-item-wrap-2, .landscape.windows .showcase_css3_effects li div.img-item-wrap { min-height: 180px; min-width: 250px }
    .img-item-wrap, .img-item-wrap-2 { background: none !important; }
    .iphone.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-iphone.png) top center no-repeat; }
    .android.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-android.png) top center no-repeat; }
    .windows.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-windows.png) top center no-repeat; }
    .landscape.iphone.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-iphone-l.png) top center no-repeat; background-size: 320px; }
    .landscape.android.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-android-l.png) top center no-repeat; background-size: 320px; }
    .landscape.windows.showcase-tab-content { background: url(../images/showcase-images/showcase-frame-windows-l.png) top center no-repeat; background-size: 320px; }
    .slider-nav-btn { display: inline-block; height: 35px; width: 35px; background: #28B6E7; text-align: center; line-height: 35px; font-size: 24px; border-radius: 24px; color: #fff; cursor: pointer; opacity: 0.8; margin: 0 5px; }
    .slider-nav-btn.disabled { display: inline-block; height: 35px; width: 35px; background: #ddd; text-align: center; line-height: 35px; font-size: 24px; border-radius: 24px; color: #fff; cursor: pointer; }
    .slider-nav { text-align: center; width: 100%; }
    .shocase-slider { margin-top: 20px; }
    .slider-nav-btn:hover { opacity: 1; }

    /*********** contact *************/
    .contact-page .address-list-area .address-list { min-height: auto; }
    .search-category ul { text-align: center; }
    .buttons-block-center { display: inline-block; }
    .owl-carousel .owl-refresh .owl-item:first-child { width: 100%; }
    .popup-box-dialog { position: absolute; }
    .cms-category .cms-category-item:nth-child(2n) .cms-category-content .comment-box { float: left; }
    .overview-area .overview-section .overview-open { font-size: 15px; padding: 8px 20px; width: 100%; }
    .overview-area .overview-section .overview-open p { line-height: 18px; }
    .overview-area .overview-section .overview-open > h2 { margin-bottom: 5px; }
    .event-template-banner { padding-top: 123px; }

    /*********** pdf area *************/
    .pdf-area { float: none; text-align: center; margin-bottom: 15px; }
    .pdf-area button:last-child { margin: 0 auto; }
    .pdf-area .contact_btn:hover, .pdf-area .contact_btn-1 { background-position: 15px 20px; padding-left: 43px; width: 137px; float: none; }
    .pdf-area .contact_btn, .pdf-area .contact_btn-1:hover { background-position: 15px 20px; padding-left: 43px; width: 137px; float: none; }
    .inner-banner { display: none; }

    /*   .inner-page {margin-top: 211px !important;}*/
    .header-list li { padding-right: 0; padding-left: 0; }
    .header-small .search-form, .search-form { top: 66px; }
    .search-form .form-control, .search-form .btn { height: 50px; }
    .brand-logo img { max-width: 42px; }

    /*client logo changes*/
    .logo-spacer { display: none; }

    /********************** case studies start *********************/
    .case-studies-container-n { border-top: 1px solid #f5f5f5; }
    .case-studies-container-n .case-studies-tab.resp-vtabs .resp-tabs-container { width: 100%; padding: 0; }
    .case-studies-container-n .resp-tabs-container img.list { width: 80px; float: left; }
    .case-studies-container-n h2 { margin: 10% 0; }
    .case-studies-container-n   h2.resp-accordion { text-align: left; }
    .case-studies-container-n h2.resp-accordion { padding: 10px 15px !important; border-width: 1px 1px 1px 1px !important }
    .case-studies-container-n   h2.resp-tab-active { background-color: #28acdd; color: #fff; padding: 10px 15px !important; border-width: 1px 1px 1px 1px !important }
    .case-studies-container-n   h2.resp-tab-active span.resp-arrow { border: none; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 12px solid #ffffff; }
    .case-studies-container-n   .resp-arrow { width: 0; height: 0; float: right; margin-top: 32px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 12px solid #c1c1c1; }
    .case-studies-tab.resp-vtabs .resp-tabs-container { box-shadow: none; }
    .case-studies-container-n .know-more-btn { margin: 10% 0; }
    .case-studies-container-n   .resp-tab-content.resp-tab-content-active { border-bottom: 1px solid #c1c1c1; float: left; margin-bottom: 12px; }
    .case-studies-tab.resp-vtabs .resp-tabs-container h3 { margin: 15px 0; }

    /********************** case studies end *********************/

    /************ about sections start ******/
    .about-cygnet .about-col i { min-height: 115px; }
    .about-cygnet .about-col { margin-bottom: 30px; }

    /************ about sections start ******/

    /************ partner sections start ******/
    .partner-logo-list > li { display: inline-block; margin: 3% 0; width: 32%; }
    .partner-logo-list > li img { width: 100%; }

    /************ partner sections end ******/

    /************ footer contact start ******/
    .footer-contact label { min-width: 132px }
    .footer-contact .email span { display: none; }
    #frmGetInTouch .form-group { margin-bottom: 15px; }

/************ footer contact end ******/ }

/*  768px > tablet styles < 991px ======================================= */
@media screen and (min-width:481px) and (max-width:768px) {
    .slider-area .slide1-inner-content .client-relationships .home-slider-box { margin: 2%; }

    /*slider*/
    .slider-area .slide1-inner-content .client-relationships { margin: 5% auto; }
    .animation-scroll { display: inline-block; top: 30px; }
    .fp-slidesNav.bottom { bottom: 40px; }
    .about-us .about-content .about-skill ul li { display: inline-block; margin: 0 0 10px; width: 49%; }
    .about-us .about-content .about-skill ul i { margin-bottom: 30px; }
    .about-us .about-content .about-skill ul li .list-title { font-size: 16px; }

    /*case*/

    /*overview*/
    .company-overview .overview-right, .company-overview .overview-right iframe { width: 100%; padding: 0; }
    .overview-area .overview-section .overview-open { width: 100%; }
    .overview-area .related-posts h2 { margin-bottom: 10px; }
    .overview-area .related-posts .related-post-item { float: none; margin: 20px auto; padding: 0; width: 266px; }
    .cms-category .cms-category-item .cms-category-content { padding: 0px !important; }
    .cms-category-item { min-height: 300px; }
    .logo-page li { padding: 5% 0; border: none; }
    .logo-page li:nth-child(2), .logo-page li:nth-child(5), .logo-page li:nth-child(8), .logo-page li:nth-child(11), .logo-page li:nth-child(14), .logo-page li:nth-child(17), .logo-page li:nth-child(20), .logo-page li:nth-child(3n-1), .logo-page ul li:last-child { border: none; }

    /* search page *****/
    .search-category li a { padding: 10px 10px; }
    .search-category ul { text-align: center; }

    /* top bar *****/
    .top-bar-area { float: left; text-align: center; width: 100%; }

    /*.slider-area .slide1-inner-content{margin:20% auto 16%;}*/

/*without topbar*/ }
@media screen and (min-width:481px) and (max-width:767px) {
    .inner-banner { margin-top: 29%; }
    .top-bar .cust-btn { margin-left: 10px; }

    /*with topbar*/
    .logo-page li:nth-child(3n-1) { border-left: 0; border-right: 0; }
}

/* 480px < mobile styles======================================= */
@media all and (max-width:680px) {
    .key-offering-section, .key-offering-section:hover { height: auto; background: #fff; border: none; }
    .key-offering-image { float: none !important; margin: 0 auto; overflow: hidden; width: 70%; }
    .key-offering-data { float: none !important; margin: 0 auto; overflow: hidden; width: 100%; }
    .key-offering-data::before, .key-offering-section:hover .key-offering-data::before, .key-offering-section.right .key-offering-data::after, .key-offering-section.right:hover .key-offering-data::after, .key-offering-section.mobile-right .key-offering-data::after, .key-offering-section.mobile-right:hover .key-offering-data::after, .key-offering-section.mobile-left .key-offering-data::before, .key-offering-section.mobile-left:hover .key-offering-data::before { display: none; }
    .key-offering-section:hover .key-offering-image img { filter: none; }
    .key-offering-section.mobile-right, .key-offering-section.mobile-left, .key-offering-section.right { border-bottom: none; }
    .data-block-title { display: none; }
    .key-offering-data h3.data-block-title-hover { margin: 15px 0 5px 0 }
    .key-offering-data h3.data-block-title-hover, .key-offering-data p { display: block }
    .key-offering-section:hover .read-more-icon { display: none; }
    .key-offering-data p, .key-offering-section:hover p { color: #333333; font-size: 14px; line-height: 18px; margin-bottom: 35px; font-weight: 300; }
    .key-offering-data, .key-offering-data:hover { padding: 0 20px }
    .key-offering-section h3, .key-offering-section:hover h3 { color: #333333; font-size: 16px; line-height: 20px; }
}
@media all and (max-width:480px) {
    .brand-logo { margin-right: 0; }
    .slider-area .fp-tableCell { vertical-align: middle; }
    .slider-area .slide1-inner-content .client-relationships { margin: 0 auto; }
    .slider-area .client-relationships .btn-sky { margin-top: 0; }
    .slider-area .slide1-inner-content .client-relationships .home-slider-box { }
    .slider-area .slide1-inner-content .client-relationships { width: 175px; }
    .slider-area .slide1-inner-content .client-relationships .home-slider-box { display: none; }
    .slider-area .slide1-inner-content .btn-sky { margin-top: 10px; }

    /*about us*/
    .about-us .about-content .about-skill ul li .list-desc, .about-us .about-content .about-skill ul li .list-title { font-size: 16px; }
    .about-us .about-content p { font-size: 17px; }
    .about-us .about-content .about-skill ul i { margin-right: 10px; }
    .about-us .about-content .about-skill ul li .list-title { float: none; }
    .about-us .about-content .about-skill ul li { margin: 0 0 20px 3px; }
    .about-us .about-content p, .about-us .about-content .about-skill ul li .list-title br { display: none; }

    /*case*/
    .case-studies .case-content h6 { font-size: 25px; }
    .case-studies .case-header > h5 { font-size: 23px; text-align: center; }
    .case-studies .case-header .btn-sky { font-size: 9px; }
    .case-header .pull-right { margin-right: 0; }
    .case-studies .case-header .btn-sky { width: 70px; }
    .case-studies .case-content .case-content-read { margin: 10px 0; }
    .about-us .our-clients .client-item { display: inline-block; float: none; }

    /*get-in-touch*/
    .get-in-touch .container { padding: 0; }

    /*overview*/
    .company-overview .overview-right, .company-overview .overview-right iframe { width: 100%; padding: 0; }
    .overview-area .overview-section .overview-open { width: 100%; margin: 0; }
    .overview-area .related-posts h2 { margin-bottom: 10px; }
    .overview-area .related-posts .related-post-item { float: none; margin: 20px auto; width: 266px; padding: 3px 0; }
    .cms-category .cms-category-item .cms-category-image, .cms-category .cms-category-item .cms-category-content { width: 100% !important; }
    .cms-category-item { margin-bottom: 15px; }

    /****************************** Business Partners and Alliances *********************************/
    .logo-page li { width: 100%; padding: 10% 0; min-height: auto; }
    .logo-page li:nth-child(2), .logo-page li:nth-child(5), .logo-page li:nth-child(8), .logo-page li:nth-child(11), .logo-page li:nth-child(14) { border-left: none; border-right: none; }
    .logo-page ul li:last-child { border-right: none; }
    .logo-page li:nth-child(-n+3) { border-top: 1px solid #cccccc; }
    .banner-description h1 { font-size: 15px; margin: 10px 0 5px 0; }

    /****************************** Top bar *********************************/
    .top-bar-area { margin-right: 0; text-align: center; float: left; width: 100%; }
    .top-bar-text { margin-bottom: 10px; width: 100%; }
    .top-bar .cust-btn { margin-left: 0; width: 100%; }

    /*with topbar*/

    /*20-06-2016*/

    /*    .inner-page {margin-top: 241px !important;}*/
    .get-in-touch h4 { font-size: 36px; padding: 42px 20px; }
    .logo-page li:nth-child(3n-1) { border-left: 0; border-right: 0; }
    .logo-page .logo-area li.logo-lg img { width: 100px; }
}
@media screen and (min-width:361px) and (max-width:480px) {

    /*.slider-area .slide1-inner-content{margin:35% auto 15%;}*/

    /*without topbar*/
    .fp-slidesNav.bottom { bottom: 35px; }
    .inner-banner { margin-top: 45%; }

/*with topbar*/ }
@media screen and (min-width:320px) and (max-width:360px) {

    /*slider*/
    .slider-area .slide1-inner-content { margin: 0 !important; }

    /*with topbar*/
    .slider-area .slide1-inner-content { margin: 45% auto 15%; }

    /*without topbar*/

    /*.fp-slidesNav.bottom {
        bottom: 25px;
    }*/
    .contact-page .pdf-area .contact_btn:hover, .contact-page .pdf-area .contact_btn-1, .contact-page .pdf-area .contact_btn, .contact-page .pdf-area .contact_btn-1:hover { width: 135px; padding: 14px 0 14px 42px; }
}

/* CSS Document */