/*====================================new css jan-2018 starts fonts==============================================*/

/*==================================Fonts Starts==================================*/

@font-face {
    font-family: 'OpenSans-Regular'; src: url('../../static/font/OpenSans-Regular.eot');    src: url('../../static/font/OpenSans-Regular-1.eot') format('embedded-opentype'), url('../../static/font/OpenSans-Regular.woff') format('woff'), url('../../static/font/OpenSans-Regular.ttf') format('truetype');
 font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../../static/font/OpenSans-Bold.eot');
    src: url('../../static/font/OpenSans-Bold-1.eot') format('embedded-opentype'), url('../../static/font/OpenSans-Bold.woff') format('woff'), url('../../static/font/OpenSans-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Italic';
    src: url('../../static/font/OpenSans-Italic.eot');
    src: url('../../static/font/OpenSans-Italic-1.eot') format('embedded-opentype'), url('../../static/font/OpenSans-Italic.woff') format('woff'), url('../../static/font/OpenSans-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Regular';
    src: url('../../static/font/Raleway-Regular.eot');
    src: url('../../static/font/Raleway-Regular-1.eot') format('embedded-opentype'), url('../../static/font/Raleway-Regular.woff') format('woff'), url('../../static/font/Raleway-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Light';
    src: url('../../static/font/Raleway-Light.eot');
    src: url('../../static/font/Raleway-Light-1.eot') format('embedded-opentype'), url('../../static/font/Raleway-Light.woff') format('woff'), url('../../static/font/Raleway-Light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Thin';
    src: url('../../static/font/Raleway-Thin.eot');
    src: url('../../static/font/Raleway-Thin-1.eot') format('embedded-opentype'), url('../../static/font/Raleway-Thin.woff') format('woff'), url('../../static/font/Raleway-Thin.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Medium';
    src: url('../../static/font/Raleway-Medium.eot');
    src: url('../../static/font/Raleway-Medium-1.eot') format('embedded-opentype'), url('../../static/font/Raleway-Medium.woff') format('woff'), url('../../static/font/Raleway-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-SemiBold';
    src: url('../../static/font/Raleway-SemiBold.eot');
    src: url('../../static/font/Raleway-SemiBold-1.eot') format('embedded-opentype'), url('../../static/font/Raleway-SemiBold.woff') format('woff'), url('../../static/font/Raleway-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Raleway-Bold';
    src: url('../../static/font/Raleway-Bold.eot');
    src: url('../../static/font/Raleway-Bold-1.eot') format('embedded-opentype'), url('https://designbee.net/themes/fonts/Raleway-Bold/Raleway-SemiBold.woff') format('woff'), url('../../static/font/Raleway-Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*==================================Fonts ends==================================*/

/*====================================new css jan-2018 ends fonts==============================================*/

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
q,
em,
img,
small,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

:focus {
    outline: 0
}

a:hover {
    text-decoration: none !important;
}

input,
textarea {
    margin: 0;
    outline: 0;
}

textarea {
    overflow: auto;
    resize: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

li,
a:active,
li:active,
a:focus {
    outline: none;
    text-decoration: none;
    color: #000;
}

/* End Reset */

/* html5 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

@import url(../../static/css/css-1.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,100italic,200,300,200italic,300italic,400italic,500,500italic,600italic,600,700,700italic,800,800italic,900,900italic);
/* Default Font Styles
______________________*/

body,
input,
select,
textarea {
    font-family: 'Raleway', sans-serif;
}

/* Headings
______________________*/

h1 {}

h2 {
    font-size: 48px;
    color: #000;
    font-weight: lighter;
}

h2 span {
    font-size: 48px;
    color: #f3c711;
    font-weight: lighter;
}

h3 {
    font-size: 48px;
    color: #f3c711;
    text-align: center;
}

h4 {
    font-size: 22px;
    color: #ffffff;
    text-align: center;
}

h6 {
    font-size: 16px;
    color: #303030;
}

/* Links */

a {
    -webkit-transition: 0.2s ease-out 0.0s;
    -moz-transition: 0.2s ease-out 0.0s;
    transition: 0.2s ease-out 0.0s;
}

a:hover {
    text-decoration: underline;
}

.align-right {
    float: right;
    margin: 0 0 18px 30px;
}

.align-left {
    float: left;
    margin: 0 30px 18px 0;
}

/* p, blockquote, address
______________________*/

p {}

/* Lists
______________________*/

ul,
ol {
    padding: 0;
    margin: 0;
}

ul li,
ol li {
    margin-bottom: 15px;
    /*background: url(https://designbee.net/themes/images/li-bg.png) no-repeat left 10px;*/
    padding-left: 0px;
    font-size: 18px;
    line-height: 28px;
    color: #000;
}

/* Navigation
______________________*/

nav {}

nav ul {
    margin: 0 auto;
    padding: 0px;
    width: 370px;
}

nav li {
    display: block;
    margin-bottom: 0px;
}

nav li a {
    color: #ffffff;
    font-size: 22px;
    display: block;
    padding: 10px 0px;
}

nav li a:hover {
    background: #f3c711;
    color: #000;
    text-decoration: none;
}

nav li.active a {
    background: #f3c711;
    color: #000 !important;
    text-decoration: none;
}

/*   Menu    */

.menu-wrap {
    overflow: hidden;
}

#menu {
    background: url(../../static/image/menu-bg.png) top center no-repeat;
    background-size: cover;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.77, 0.17, 0.87, 0.94) 0.3s;
    opacity:0;
    position: fixed;
    z-index: 99999;
    width: 100%;
    height: 100%;
    visibility:hidden;

}

#menu .overlay {
    position: relative;
    padding: 15px 0px 50px 0px;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
}

.remove {
    background: url(../../static/image/remove-icon.png) top center no-repeat;
    width: 30px;
    height: 30px;
    display: block;
    float: right;
    position: relative;
    top: 45px;
        left: -6px;
}

.menu-logo {
    background: url(../../static/image/menu-logo.png) top center no-repeat;
    width: 165px;
    height: 160px;
    margin: 0 auto;
    display: inline-block;
    background-size: 95%;
    background-position: top right;
    margin-left: 50px;
}

.menu-media {
    text-align: center;
    display: inline-flex;
    margin: 15px 0px 35px;
}

.menu-phone {
    background: url(../../static/image/menu-phone.png) top center no-repeat;
    width: 115px;
    height: 36px;
    display: block;
    font-size: 14px;
    color: #ffffff;
    padding-top: 45px;
    margin: 0 auto;
    /*    margin-right: 40px;*/
}

.menu-email {
    background: url(../../static/image/menu-email.png) top center no-repeat;
    width: 115px;
    height: 36px;
    display: block;
    font-size: 14px;
    color: #ffffff;
    padding-top: 45px;
    margin: 0 auto;
    margin: 0 80px;
}

.menu-online {
    background: url(../../static/image/menu-skype.png) top center no-repeat;
    width: 115px;
    height: 36px;
    display: block;
    font-size: 14px;
    color: #ffffff;
    padding-top: 45px;
    margin: 0 auto;
}

.menu-media a:hover {
    color: #f3c711;
    text-decoration: none;
    opacity: 0.7;
}

/*.menu-media a.active{
    color:#f3c711;
    text-decoration:none;
    opacity:0.7;
}
*/

.menu-footer .start-project {
    border: 1px solid #ffffff;
    color: #ffffff;
    padding: 10px;
    /*
        margin-top: 40px;
      bottom: 60px;
      position: fixed;
      left: 100px;
*/
}

.menu-social-icon {
    text-align: right;
    float: right;
	position:relative;
	right: 38px;
    /*
        margin-top: 40px;
    bottom: 60px;
    position: fixed;
    right: 100px;
*/
}

.menu-social-icon li {
    display: inline-block;
    float: left;
    margin: 0px 0px 0px 5px;
}

.menu-social-icon li a {
    font-size: 0;
    border: 1px solid #ffffff;
    padding: 17px;
}

.menu-fb {
    background: url(../../static/image/menu-fb.png) center center no-repeat;
    width: 11px;
    height: 21px;
    display: block;
}

.menu-fb:hover {
    background-color: #3a559f;
    background-image: url(../../static/image/menu-fb.png) center center no-repeat;
    border: 1px solid #3a559f;
}

.menu-twitter {
    background: url(../../static/image/menu-twitter.png) center center no-repeat;
    width: 19px;
    height: 21px;
    display: block;
}

.menu-twitter:hover {
    background-color: #50abf1;
    background-image: url(../../static/image/menu-twitter.png) center center no-repeat;
    border: 1px solid #50abf1;
}

.menu-linkedin {
    background: url(../../static/image/menu-linkedin.png) center center no-repeat;
    width: 15px;
    height: 21px;
    display: block;
}

.menu-linkedin:hover {
    background-color: #0077b5;
    background-image: url(../../static/image/menu-linkedin.png) center center no-repeat;
    border: 1px solid #0077b5;
}

.menu-google {
    background: url(../../static/image/menu-google.png) center center no-repeat;
    width: 22px;
    height: 21px;
    display: block;
}

.menu-google:hover {
    background-color: #dc4e41;
    background-image: url(../../static/image/menu-google.png) center center no-repeat;
    border: 1px solid #dc4e41;
}

/*styling for scroll bar starts*/

/*   Custom Scroll   */

.scrollbox {
    overflow: auto;
    width: 100% !important;
    height: auto;
    position: fixed;
}

.scrollbox .container {
    overflow: hidden;
}

.scrollbox nav ul {
    /*    height: 200px;*/
    overflow: auto;
}

#style-7::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

#style-7::-webkit-scrollbar-thumb {
    background-color: #F90;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent)
}

/*styling for scroll bar ends*/

.vertical-track {
    width: 13px;
    background-color: #000;
    border-radius: 15px;
    visibility: hidden;
}

.vertical-handle {
    width: 12px;
    background-color: #f3c711;
    border-radius: 15px;
    right: 1px;
    visibility: hidden;
}

/* Header
______________________*/

#header {
    /*
    left: 50%;
    margin-left: -575px;
*/
    margin-top: 50px;
    position: absolute;
    top: 0;
    z-index: 999;
    width: 100%;
}

.start-project {
    background: none;
    border: 1px solid #f3c711;
    width: 128px;
    height: 36px;
    float: left;
    color: #f3c711;
    text-align: center;
}

.sticky_menu .start-project {
    line-height: 33px;
}

.outsource-us {
    margin-left: 15px;
}

.navbar-header {
    float: right;
}

.collapse-button {
    width: 45px;
    height: 40px;
    border: none;
    background: none;
}

.collapse-button span {
    width: 40px;
    height: 4px;
    background: #f3c711;
    border: 1px solid #f3c711;
    float: left;
    margin-bottom: 3px;
    border-radius: 4px;
}

.logo {
    background: url(../../static/image/logo.png) top center no-repeat;
    width: 446px;
    height: 207px;
    margin: 0 auto;
    display: block;
    margin-top: 200px;
}

.tag-line {
    width: 530px;
    height: auto;
    margin: 0 auto;
    font-size: 43px;
    color: #ffffff;
    text-align: center;
    text-indent: 23px;
    margin-top: 50px;
}

/*  Main Area
-------------------------------------- */

#main-wrap {}

.main-slider {
    position: relative;
    height: 754px;
    overflow: hidden;
}

/*   Main-slider      */

.flexslider ol,
.flex-direction-nav {
    display: none;
}

/*
.flexslider ul li img {
    width: 100%;
    height: auto;
}
*/

.flexslider2 .slides {
    top: 0;
}

.flexslider .slides li img {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    width: 100%;
    height: 754px;
    object-fit: cover;
}

/*
.overlay {
    background: rgba(0, 0, 0, 0.78);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
*/

/*
.flexslider::before {
    content: '';
    background: rgba(0, 0, 0, 0.78);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}*/

.flex-caption {
    position: relative;
    z-index: 1;
    bottom: 250px;
}

.main-slider .overlay:before {
    background: url(../../static/image/overlay-bg-gradient.png)repeat-x;
    content: '';
    display: block;
    height: 100%;
}

.designbee {
    background: url(../../static/image/welcome-bg.png) bottom center no-repeat;
    height: auto;
    background-size: cover;
}

.design-content {
    padding: 60px 0px;
}

.design-content h2 {
    background: url(../../static/image/heading-line.png) bottom left no-repeat;
    width: 100%;
    height: 3px;
    padding-bottom: 90px;
    font-size: 60px;
}

.design-content span {
    font-size: 60px;
}

.design-content p {
    font-size: 24px;
    color: #a9a9a9;
    font-weight: lighter;
}

.design-content p:last-child {
    font-size: 15px;
    line-height: 30px;
    margin-top: 20px;
    color: #4e4e4e;
}

.why-us {
    background: url(../../static/image/why-us-bg.jpg) top center no-repeat;
    width: 100%;
    height: auto;
    background-size: cover;
}

.why-us h3 {
    margin: 0 0 50px 0;
}

.overlay-2 {
    background: rgba(0, 0, 0, 0.9);
    width: 100%;
    height: 760px;
    padding: 115px 0;
}

/*         Heaxagon     */

.hexagon {
    position: relative;
    width: 170px;
    height: 98.15px;
    background-color: none;
    margin: 0 auto;
    border-left: solid 5px #f3c711;
    border-right: solid 5px #f3c711;
    margin-top: 50px;
    margin-bottom: 50px;
}

.hexagon-wrap p{
    max-height: 120px;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hexagon:before,
.hexagon:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 120.21px;
    height: 120.21px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 19.8959px;
}

.hexagon:before {
    top: -60.1041px;
    border-top: solid 7.0711px #f3c711;
    border-right: solid 7.0711px #f3c711;
}

.hexagon:after {
    bottom: -60.1041px;
    border-bottom: solid 7.0711px #f3c711;
    border-left: solid 7.0711px #f3c711;
}

.hexagon-2 {
    position: relative;
    width: 150px;
    height: 86.60px;
    background-color: #ffffff;
    margin: 43.30px 0;
    border-left: dotted 2px #f3c711;
    border-right: dotted 2px #f3c711;
    background-position: center center!important;
    background-repeat: no-repeat !important;
    background-size: 41% !important;
    left: 5px;
    top: 6px;
}

.hexagon-2:before,
.hexagon-2:after {
    content: "";
    position: absolute;
    z-index: 1;
    width: 106.07px;
    height: 106.07px;
    -webkit-transform: scaleY(0.5774) rotate(-45deg);
    -ms-transform: scaleY(0.5774) rotate(-45deg);
    transform: scaleY(0.5774) rotate(-45deg);
    background-color: inherit;
    left: 19.967px;
}

.hexagon-2:before {
    top: -53.0330px;
    border-top: dotted 4.0711px #f3c711;
    border-right: dotted 4.0711px #f3c711;
}

.hexagon-2:after {
    bottom: -53.0330px;
    border-bottom: dotted 4.0711px #f3c711;
    border-left: dotted 4.0711px #f3c711;
}

.hexagon-wrap h4 {
    padding: 30px 0px;
    font-size: 20px;
    line-height: 27px;
    min-height: 114px;
}

.hexagon-wrap hr {
    width: 30px;
    height: 5px;
    background: #f3c711;
    margin: 0 auto;
    margin-bottom: 20px;
}

.divider .hexagon-wrap hr {
    border-color: #f3c711;
}

.hexagon-wrap p {
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    line-height: 21px;
}

.divider {
    background: url(../../static/image/divider-bg.png) center 0 no-repeat;
    width: 100%;
    height: 100%;
}

.solution {
    background: url(../../static/image/our-solution-bg.jpg) no-repeat center center;
    background-size: cover;
}

.overlay-3 {
    background: rgba(0, 0, 0, 0.78);
    width: 100%;
    padding-top: 180px;
    padding-bottom: 100px;
}

.solution-tab-wrap {
    background: url(../../static/image/tabs-bg.png) no-repeat center center;
    width: 548px;
    height: 556px;
    padding: 120px;
    position: relative;
    background-size: 100%;
}

.tab-content {
    text-align: center;
    padding: 0 24px;
}

.tab-content h4 {
    line-height: 25px;
    margin: 10px 0;
}

.tab-content a {
    color: #fff;
    font-size: 11px;
    text-decoration: underline;
    text-transform: uppercase;
    font-weight: bold;
}

.tab-content p {
    color: #fff;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 26px;
}

.tab1,
.tab2,
.tab3 {
    position: absolute;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    text-indent: -9999px;
}

.tab1 {
    top: -46px;
    left: 38%;
    background: url(../../static/image/hrm-icon-gray.png) #fff no-repeat center center;
}

.tab2 {
    right: -4%;
    bottom: 22%;
    background: url(../../static/image/calculate-icon-gray.png) #fff no-repeat center center;
}

.tab3 {
    left: -4%;
    bottom: 22%;
    background: url(../../static/image/tie-icon-gray.png) #fff no-repeat center center;
}

.tab1:hover,
li.active .tab1 {
    background: url(../../static/image/hrm-icon-yellow.png) #39393b no-repeat center center;
}

.tab2:hover,
li.active .tab2 {
    background: url(../../static/image/calculate-icon-yellow.png) #39393b no-repeat center center;
}

.tab3:hover,
li.active .tab3 {
    background: url(../../static/image/tie-icon-yellow.png) #39393b no-repeat center center;
}

.solution-tab-wrap a:focus {
    outline: none;
}

.solution-data {
    text-align: right;
    width: 42%;
    float: right;
}

.solution-data h2 {
    font-size: 60px;
    color: #fff;
    line-height: 60px;
}

.solution-data h2 span {
    display: block;
    font-size: 26px;
    color: #fff;
    line-height: normal;
}

.solution-data p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    margin-bottom: 20px;
}

.solution-data a {
    font-size: 13px;
    color: #fff;
    font-weight: bold;
    text-decoration: underline;
    text-transform: uppercase;
}

/*sajid*/

.solution-tab-wrap .tab-content ul li {
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    margin: 10px auto;
    text-align: left;
     background: url(../../static/image/ft-li-bg.png) no-repeat left 10px;
    padding-left: 20px;
}

.solution-tab-wrap .tab-content ul {
    width: 270px;
    padding-left: 16px;
}

.solution-data p {
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    margin-top: 25px;
}

.tab-content h4 {
    line-height: 25px;
    margin: 10px 0 5px 0;
    color: #c7a414;
    text-align: center;
}

.tab-content p {
    color: #fff;
    font-size: 17px;
    line-height: 18px;
    margin-bottom: 25px;
}

/*sajid*/

.client {
    background: url(../../static/image/client-logos-bg.png) no-repeat center center;
    padding: 59px 0;
}

.client .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
}

.client .bx-controls-direction,
.client .bx-wrapper .bx-pager {
    display: none;
}

.client .bx-wrapper {
    margin: 0;
    width: auto !important;
    display: inline;
}

.latest-work-wrap {
    position: relative;
    background: #fff;
}

.latest-heading > h2 {
    text-align: center;
    padding: 70px 0;
}

.latest-heading {
    position: relative;
}

.bg-rectangle {
    position: absolute;
    bottom: -32px;
    left: 50%;
    margin-left: -100px;
}

.latest-heading h2 span:first-child {
    display: block;
    font-size: 29px;
    color: #000;
    background: url(../../static/image/latest-heading-bg.png) no-repeat center center;
}

.latest-menu {
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -575px;
}

.latest-content {
    text-align: center;
    margin-top: 218px;
}

#kidore {
    background: url(../../static/image/our-work-bg.jpg) no-repeat center center;
    background-size: cover;
    /*filter: blur(5px);
    -webkit-filter: blur(5px);*/
    transition: background 0.5s linear;
}

.latest-work {
    display: none;
}

#party {
    background: url(../../static/image/party-social-banner.jpg) no-repeat center center;
    background-size: cover;
}

#bodyo {
    background: url(../../static/image/bodyo-banner.jpg) no-repeat center center;
    background-size: cover;
}

#ceecode {
    background: url(../../static/image/ceecode-banner.jpg) no-repeat center center;
    background-size: cover;
}

#profire {
    background: url(../../static/image/profire-banner.jpg) no-repeat center center;
    background-size: cover;
}

.latest-content {
    filter: none !important;
    -webkit-filter: none !important;
}

.latest-work-wrap .overlay-4 {
    background: rgba(0, 0, 0, 0.48);
    width: 100%;
    height: 647px;
    padding: 30px 0;
}

.latest-work h2 {
    font-size: 50px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 24px;
}

.latest-work p {
    font-size: 20px;
    margin-bottom: 33px;
    color: #fff;
}

.latest-work a.search,
.latest-work a.share {
    display: inline-block;
    width: 56px;
    height: 56px;
    text-indent: -9999px;
    margin: 0 10px;
}

.latest-work a.search {
    background: url(../../static/image/search-icon.png) no-repeat center center;
}

.latest-work a.share {
    background: url(../../static/image/share-icon.png) no-repeat center center;
}

.latest-work-wrap .latest-menu li {
    margin: 30px 0;
}

.latest-work-wrap .latest-menu li a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    padding-left: 20px;
    outline: none;
    transition: none;
}

.latest-menu li.active a {
    background: url(../../static/image/work-tab-before.png) 0px 0px no-repeat transparent;
    background-position: left center;
}

.modal-content img {
    width: 100%;
    height: auto;
}

.feedback {
    background: url(../../static/image/clients-bg.jpg) no-repeat center center;
    text-align: center;
    padding: 0;
    position: relative;
 /*   margin-top: 120px;*/
    background-size: cover;
}

.feedback .bx-wrapper {
    position: static;
    margin: 0 auto 100px;
}

.feedback h2 {
  margin-bottom: 70px;
  margin-top: 50px;
}

.feedback-slider p {
    color: #3d3d3d;
    font-size: 13px;
    line-height: 21px;
}

.feedback-slider > li {
    text-align: center;
}

.feedback .bx-wrapper .bx-viewport {
    box-shadow: none;
    background: none;
    border: none;
}

.feedback-slider img {
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 30px;
}

.feedback .bx-wrapper .bx-pager {
    display: none;
}

.feedback-separator {
    background: url(../../static/image/feedback-vetical-bar.png) no-repeat center center;
    width: 3px;
    height: 36px;
    padding: 31px 0;
    margin: 0 auto;
}

.feedback-slider h6 {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 28px;
    font-style: italic;
}

.feedback-footer {
    line-height: 13px;
}

.feedback-footer p,
.feedback-footer a {
    font-size: 10px;
    line-height: 13px;
    color: #3d3d3d;
}

.feedback .bx-controls-direction {
    background: url(../../static/image/client-direction-bg.png) no-repeat center center;
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -103px;
    width: 200px;
    height: 34px;
    bottom: 30px;
}

.feedback .bx-controls-direction a {
    top: 0 !important;
    margin: 0;
}

.bx-controls-direction .bx-prev,
.bx-controls-direction .bx-next {
    margin: 0 70px;
}

.bx-controls-direction .bx-prev:hover,
.bx-controls-direction .bx-next:hover {
    background-position: center center;
}

.bx-controls-direction .bx-prev {
    background: url(../../static/image/nav-dir-left.png) no-repeat center center;
}

.bx-controls-direction .bx-next {
    background: url(../../static/image/nav-dir-right.png) no-repeat center center;
}

/*      Vertical Slider     */

.vertical-slider {
    height: auto;
    margin-bottom: 50px;
}

.vertical-slider h1 {
    text-align: center;
    margin-bottom: 70px;
}

.pricing-branding-content h2 {
    background: rgba(0, 0, 0, 0) url("../images/heading-line.png") no-repeat scroll center bottom;
    height: 3px;
    font-size: 52px;
    padding-bottom: 70px;
    width: 100%;
    text-align: center;
    margin: 30px 0px;
}

.vertical-slider h2 span {
    font-size: 52px;
}

 .outsource-page-slider h6{
    font-size: 22px;
    text-transform: uppercase;
 }

  .outsource-page-slider p{
    font-size: 15px;
    color: #a9a9a9;
    line-height: 25px;
  }

.flexslider2 {
    height: auto;
    position: relative;
    margin-bottom: 40px;
}

.flexslider2 .flex-viewport::before,
.flexslider2 .flex-viewport::after {
    background: url(../../static/image/our-services-border.png)no-repeat;
    content: '';
    display: block;
    height: 475px;
    position: relative;
    left: 44%;
}

.flexslider2 .flex-viewport::after {
    left: 12%;
    position: absolute;
    top: 0;
    right: 0;
    background-position: center;
}

.flexslider2 .flex-viewport {
    height: 475px !important;
}

.slider-wrap-left,
.slider-wrap-right {
    border-bottom: 1px solid #eeeeee;
    float: left;
    padding: 40px;
    width: 44%;
    display: flex;
    align-items: center;
    padding-right: 20px;
}

.slider-wrap-right {
    float: right;
    padding-left: 50px;
}

.flexslider2 ol {
    display: none;
}

.flexslider2 ul {
    display: block;
    z-index: 1;
}

.flexslider2 ul li {
    padding: 0;
    width: 100%;
    float: left;
    margin-bottom: 0px;
}

.flexslider2 ul li h6 {
    font-size: 22px;
    text-transform: uppercase;
}

.flexslider2 ul li p {
    font-size: 14px;
    color: #a9a9a9;
    line-height: 25px;
}

.img-wrap-left {
    width: auto;
    float: right;
    order: 1;
}

.slider-content-left {
    width: 78%;
    float: left;
    text-align: right;
    padding-right: 30px;
}

.img-wrap-right {
    width: auto;
    float: left;
}

.slider-content-right {
    width: 78%;
    float: right;
    padding-left: 15px;
}

.flexslider2 .flex-direction-nav li {
    border-bottom: none;
    border-left: none !important;
}

.flexslider2 .flex-direction-nav {
    position: absolute;
    top: 52%;
    left: 49%;
}

.flexslider2 .flex-direction-nav li {
    float: none;
    min-height: inherit;
    padding: 0;
    margin-bottom: 20px;
    font-size: 0;
}

.flexslider2 .flex-direction-nav li .flex-prev {
    background: url(../../static/image/slider-up-arrow.png) top center no-repeat;
    width: 18px;
    height: 8px;
    display: block;
}

.flexslider2 .flex-direction-nav li .flex-next {
    background: url(../../static/image/slider-down-arrow.png) top center no-repeat;
    width: 18px;
    height: 8px;
    display: block;
}

.circliful {
    position: relative;
    margin: 0 auto;
}

.circle-text,
.circle-info,
.circle-text-half,
.circle-info-half {
    width: 100%;
    position: absolute;
    text-align: center;
    display: inline-block;
}

.circle-container.circle-container > p {
    text-transform: uppercase;
    font-size: 14px;
}

.circle-container .circlestat .circle-text {
    font-size: 73px !important;
    font-family: 'Oswald', sans-serif !important;
    font-weight: 300;
}

.stats {
    text-align: center;
    padding: 90px 0 75px 0;
}

.stats h2 {
    margin-bottom: 70px;
}

.stats .start-project,
    {
    background: #39393b;
    width: 335px;
    height: 57px;
    font-size: 21px;
    float: none;
    margin-top: 80px;
    text-transform: uppercase;
    border-bottom: 3px solid #f3c711;
    border-top: none;
    border-left: none;
    border-right: none;
}

/*  Footer
-------------------------------------- */

#footer {
    background: url(../../static/image/footer-bg.jpg) top center no-repeat;
    background-size: cover;
}

.footer-logo {
    background: url(../../static/image/footer-logo.png) top center no-repeat;
    width: 221px;
    height: 103px;
    margin-bottom: 25px;
}

#footer .overlay {
    position: relative !important;
    padding: 45px 0px;
    background: rgba(0, 0, 0, 0.96);
}

#footer ul li {
    margin-bottom: 5px;
    color: #f3c711;
    display: block;
    background: url(../../static/image/ft-li-bg.png) left 10px no-repeat;
    border-bottom: 1px solid #333435;
    padding-bottom: 5px;
}

#footer ul li:last-child {
    border-bottom: none;
}

#footer ul {
    padding: 20px 0 20px 30px;
    width: 230px;
}

#footer ul li a {
    color: #bfbfbf;
    font-size: 16px;
    border-bottom: 1px solid #ffffff;
    padding-left: 20px;
}

#footer ul li a:hover {
    color: #f3c711;
    text-decoration: none;
}

#footer ul li a:last-child {
    border-bottom: none;
}

#footer .start-project {
    background: #f3c711;
    color: #000;
    margin-left: 30px;
    text-transform: uppercase;
    font-size: 13px;
}

#footer .start-project:hover {
    background: transparent;
    color: #fff;
}

#footer h5 {
    font-size: 30px;
    color: #ffffff;
    border-bottom: 1px solid #333435;
    padding-bottom: 20px;
   /* margin-top: 50px;*/
}

#footer .blogs ul {
    margin: 0;
    padding: 0;
    width: auto;
}

#footer .blogs ul li {
    background: none;
    margin: 0;
    padding: 0;
    display: block;
    color: #ffffff;
    border-bottom: 1px solid #333435;
    padding-bottom: 20px;
}

#footer .blogs ul li a {
    display: block;
    padding: 0px;
}

#footer .blogs ul li:last-child {
    border-bottom: none;
}

.blogs ul li a:hover h6 {
    color: #f3c711;
    text-decoration: none;
}

.blogs ul li a:hover .date {
    color: #ffffff;
    text-decoration: none;
}

.blogs ul li a:hover p {
    color: #ffffff;
    text-decoration: none;
}

.blogs h6 {
    font-size: 14px;
    color: #bfbfbf;
    margin: 10px 0px;
}

.blogs .date {
    float: left;
    font-size: 16px;
    line-height: 28px;
    width: 25%;
    color: #bfbfbf;
}

.blogs .date span {
    font-size: 44px;
    display: block;
}

#footer .blogs p {
    padding-left: 10px !important;
    font-size: 12px;
    line-height: 18px;
    color: #bfbfbf;
    display: flex;
    align-items: flex-end;
    min-height: 50px;
    word-break: break-word;
}

.address {
    margin: 15px 0 45px 0;
    float: left;
}

.phone {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.email {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.online {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.address p,
.address a {
    color: #d0d0d0;
    font-size: 12px;
    font-family: "Raleway-Regular";
    line-height: 1.5;
}

.address a:hover {
    color: #f3c711;
    text-decoration: none;
}

.social-icons {}

.social-icons h6 {
    margin-top: 40px;
    color: #bfbfbf;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 10px;
}

#footer .social-icons ul {
    padding-left: 0px;
    float: left;
    min-height: 65px;
}

#footer .social-icons ul li {
    border-bottom: none;
    display: inline;
    background: none;
    list-style: none;
}

#footer .social-icons ul li a {
    overflow: hidden;
    text-indent: 999px;
    padding-left: 0px;
    font-size: 0px;
    display: block;
}

#footer .social-icons p {
    color: #bfbfbf;
    font-size: 12px;
    float: left;
}

#footer .social-icons li a:hover {
    opacity: 0.6;
    margin-top: 4px;
    transition: all 0.3s ease 0.3s;
}

.facebook {
    background: url(../../static/image/fb-icon.png) top center no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.twitter {
    background: url(../../static/image/twitter-icon.png) top center no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.linked-in {
    background: url(../../static/image/linkedin-icon.png) top center no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.google {
    background: url(../../static/image/google-plus-icon.png) top center no-repeat;
    width: 40px;
    height: 40px;
    float: left;
}

.fl {
    float: left
}

.fr {
    float: right
}

.cl {
    clear: both;
    font-size: 0;
    height: 0;
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0;
}

/* Alignments */

.center {
    text-align: center
}

.right {
    text-align: right
}

.top {
    vertical-align: top
}

.middle {
    vertical-align: middle
}

/*=========================================new css jan-2018 starts*===================================/*/

/*comman styling starts*/

/* h2 heading*/

.title-inner-pages {
    font-family: 'Raleway-Light';
    font-size: 60px;
    color: #000;
    display: inline-block;
    margin: 60px 0 90px 0;
}

.title-inner-pages:after {
    content: '';
    background: url(../../static/image/heading-line.png) no-repeat;
    height: 3px;
    display: block;
    background-size: cover;
    margin-top: 20px;
}

.title-inner-pages span {
    font-size: 48px;
    color: #f3c711;
    font-weight: lighter;
}

.tag-line .tag-line-color {
    color: #f3c711;
}

.slider-text .tag-line span {
    font-size: 22px;
    line-height: 1.68;
}

/*/h2 heading*/

/*buttons styling*/

.black-btn a {
    text-decoration: none;
}

.black-btn {
    background: #39393b;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 3px solid #f3c711 !important;
    border: 0;
    line-height: 20px;
    transition: all 0.5s;
    text-align: center;
    color: #fff;
    margin: 15px auto;
    font-family: "Raleway-Regular";
    cursor: pointer;
}

.black-btn:hover {
    border-bottom: 3px solid #39393b !important;
    background: #f3c711;
    text-decoration: none;
    color: #000;
}

.blog-detail-page-btn {
    width: 220px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    margin-bottom: 70px;
}

body {
    background: #f8f8f8 url(../../static/image/bee-net.png)no-repeat;
    background-position: top;
    /*background-repeat-y: repeat;*/
}

#wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

/*comman styling ends*/

/*=========================================inner pages===============================================*/

.home-page-btn a {
    padding: 16px 90px;
    color: #f3c711;
}

.home-page-btn {
    padding: 100px 0px 20px
}

/**************************************header starts************************************************************/

/*overlay*/

.home-page-header-bg {
    background: url(../../static/image/overlay-bg-gradient.png)repeat-x;
    background-position: top;
    background-size: contain;
}

/*for sticky menu starts*/

.affix .sticky_menu {
    margin: 0 auto;
    width: 1170px;
}

.affix {
    width: 100%;
    background: #000;
    opacity: 0.8;
    height: 86px;
    /*    padding: 0 20px;*/
    transition: all .5s ease-in;
    left: 0;
    top: 0;
}

.sticky {
    left: 0 !important;
    top: 0 !important;
    margin: 0 !important;
}

.affix .start-project.header-btn {
    float: right;
    margin-left: 20px;
    transition: all .5s ease-in;
}

.affix .logo-sticky-menu {
    background: url("../../static/image/logo-sticky-menu.png")no-repeat;
    margin: 0;
    top: -30px;
    left: 0;
    position: absolute;
    width: 180px;
    height: 80px;
    transition: all .5s ease-in;
    z-index: 1;
}

.affix .logo {
    display: none !important;
}

.affix .tel {
    margin-bottom: 8px;
    transition: all .5s ease-in;
}

/*for sticky menu ends*/

/*header starts*/

/*
.slider-text-home-page {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 150px;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}
*/

.flexslider .slides li {
    position: relative;
}

.flexslider .slides li:before {
    content: '';
    background: rgba(0, 0, 0, 0.78);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
}

.slider-text {
    position: absolute;
    top: 280px;
    width: 100%;
}

#header a {
    text-decoration: none;
}

#header .top-right-icons li {
    display: inline;
    color: #fff;
    font-family: 'Raleway-Regular';
    font-size: 15px;
    line-height: 27px;
}

#header .top-right-icons li:hover,
.tel a:hover {
    color: #f3c711;
    transition: all 0.5s;
}

.top-right-icons a {
    margin-left: 55px;
}

.collapse-nav {
    margin-left: 40px;
}

/*
.top-right-icons .websites {
    background: url(../../static/image/header-websites-icon.png)no-repeat;
    background-position: top center;
}
.top-right-icons .apps {
    background: url("../../static/image/header-apps-icon.png")no-repeat;
    background-position: top center;
}
.top-right-icons .seo {
    background: url("../../static/image/header-seo-icon.png")no-repeat;
    background-position: top center;
}
.top-right-icons .portfolio {
    background: url("../../static/image/header-portfolio-icon.png")no-repeat;
    background-position: top center;
}
*/

.start-project.header-btn:hover {
    border: 1px solid #f3c711;
    color: #000;
    background: #f3c711;
}

#header {
    margin-top: 0;
    padding-top: 20px;
}

.tel {
    background: url(../../static/image/phn.png)no-repeat;
    background-position: left center;
    padding-left: 15px;
}

.tel a {
    color: #fff;
    font-family: 'Raleway-Regular';
    font-size: 12px;
    line-height: 27px;
}

/*header ends*/

.logo-inner-pages {
    background: url("../../static/image/logo-inner-pages.png")no-repeat;
    width: 140px;
    height: 140px;
    display: block;
    margin: 0 auto;
    background-position: top center;
    margin-top: 80px;
}

.affix .logo-inner-pages {
    display: none;
}

.tag-line {
    width: 960px;
    margin-top: 10px;
    font-family: "Raleway-Light";
}

/**************************************header ends************************************************************/

/*----------------------------------------services page starts---------------------------------------*/

.inner-page-banner {
    /*background: url('../../static/image/services-page-banner.jpg')no-repeat;*/
    height: 500px;
    width: 100%;
    background-size: cover !important;
    position: relative;
}

.inner-page-banner .overlay {
    position: inherit;
    background: rgba(0, 0, 0, 0.78);
    width: 100%;
    height: 100%;
    top: 0;
}

.para-inner-pages {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    padding: 0px 30px;
    font-family: 'Raleway-Regular';
    color: #4e4e4e;
}

.our-services-content ul li {
    width: 33%;
    float: left;
    border: 1px solid #eaeaea;
    /*    height: 375px;*/
    text-align: center;
    margin-bottom: 0;
    background: #fff;
    transition: .4s cubic-bezier(0.54, 0.18, 0.82, 0.51);
}

.services-icons-box {
    /*    padding: 140px 20px;*/
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 375px;
    padding: 0 20px;
}

.icon-image {
    opacity: .5;
}

.icon-image:hover,
.our-services-content ul li:hover span {
    opacity: 1 !important;
}

.services-icons h6 {
    padding-bottom: 0px;
	min-height:60px;
}

.our-services-content ul li:hover {
    background-color: #ffc40c !important;
    cursor: pointer;
}

.our-services-content ul li:hover p {
    color: #000;
}

.services-icons {
    padding: 60px 0;
}

.pricing-branding-content h2,
.pricing-branding-content h2 span {
    font-family: 'Raleway-Light';
    font-size: 60px;
}

.services-page-btn {
    padding: 10px 15px;
}

.services-page-black-btn {
    margin: 100px 0;
}

.heading-appraoch p {
    font-size: 16px;
    line-height: 27px;
    color: #4e4e4e;
    font-family: "Raleway-Regular";
}

.heading-appraoch h2 {
    font-size: 50px !important;
    color: #4e4e4e;
}

.no-bg {
    background: none !important;
}

.services-icons h6,
.blog-page-content h6,
.blog-detail-page-content h6 {
    font-size: 22px;
    text-transform: uppercase;
    font-family: "Raleway-SemiBold";
}

.services-icons p {
    font-size: 18px;
    line-height: 27px;
    font-family: 'Raleway-Regular';
    color: #7f7f7f;
    min-height: 140px;

}

/*----------------------------------------services page ends---------------------------------------*/

/*........................................services sub pages starts..................................*/

.services-sub-page h3 {
    font-size: 36px;
    color: #000;
}

.sub-pages-description {
    width: 80%;
    margin: 0 auto;
}

.services-sub-page {
    padding-bottom: 100px;
}

.services-sub-page h4 {
    color: #333;
    padding-bottom: 20px;
}

.services-sub-page .title-inner-pages {
    margin-bottom: 65px;
}

.services-sub-page ul li a {
    color: #4e4e4e;
    height: 270px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #fff;
    border: 1px solid #e2e2e2;
    margin-top: 4px;
}

.sub-pages-description ul li{
    background: url(../../static/image/ft-li-bg.png) no-repeat left 10px;
    padding-left: 20px;
}

.services-sub-page ol {
    list-style-type: decimal;
}

.sub-pages-description h5 {
    text-align: left;
    padding: 20px 0;
    font-weight: bold;
}

.services-sub-page p,
.services-sub-page ol li,
.services-sub-page ul li {
    font-size: 14px;
    font-family: "Raleway-Regular";
    line-height: 22px;
    color: #39393b;
    text-align: justify;
}

.services-sub-page .para-inner-pages,
.model-follow p {
    text-align: center;
    font-size: 15px;
    line-height: 24px;
    font-family: 'Raleway-Regular';
    color: #4e4e4e;
}

.sub-pages-description a:focus {
    color: inherit;
}

/*
.services-sub-page .title-inner-pages {
    font-size: 30px;
    margin-bottom: 70px;
}
*/

/*
.services-sub-page .title-inner-pages span {
    display: block;
}
*/

.services-sub-page .services-sub-title {
    padding: 60px 0 30px;
    font-size: 32px;
}

/*--------------------------------------web design page starts-------------------------------*/

.img-box {
    display: block;
    height: 170px;
    width: 170px;
    background-position: center !important;
    vertical-align: middle;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
}

.get-in-touch .img-box {
    background: #fff url(../../static/image/icon-get-touch.png)no-repeat;
}

.market-research .img-box {
    background: #fff url(../../static/image/icon-market-reserach.png)no-repeat;
}

.wireframe .img-box {
    background: #fff url("../../static/image/icon-wireframe.png")no-repeat;
}

.mock-ups .img-box {
    background: #fff url("../../static/image/icon-mock-ups.png")no-repeat;
}

.seo-implementation .img-box {
    background: #fff url("../../static/image/icon-seo-implemention.png")no-repeat;
}

.satisfaction-delivered .img-box {
    background: #fff url("../../static/image/icon-satisfaction-delivered.png")no-repeat;
}

.web-design-para h4 {
    text-align: left;
    padding-bottom: 0;
}

.row-padding {
    padding-bottom: 80px;
    display: flex;
    align-items: center;
}

.txt-left p,
.txt-right p {
    text-align: justify;
}

/*circle-numbring*/

.circle-numbers {
    color: #e8e8e8;
    font-size: 160px;
    font-family: "Raleway-Medium";
}

/*
.circle-numbers.left {
    background: url(../../static/image/polygon-fill.png)no-repeat center;
    color: #fff;
}*/

/*--------------------------------------web design page ends-------------------------------*/

/*===================================web development page starts===============================*/

.how-we-work ol li {
    padding-left: 15px;
}

.how-we-work ol li:last-child,
.logo-design ul li:last-child {
    margin-bottom: 0;
}

.development-services ul,
.branding-corporate-identity p {
    text-align: center;
}

.development-services h4 {
    width: 50%;
    margin: 0 auto;
}

.development-services .services-sub-title {
    margin-bottom: 20px;
}

.development-services ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.development-services ul li {
    flex-basis: 25%;
    flex-grow: 1;
    display: inline-flex;
    align-items: center;
    flex-direction: column;
    text-align: center;
    transition: .4s cubic-bezier(0.54, 0.18, 0.82, 0.51);
    font-size: 16px;
    font-family: "Raleway-Medium";
    margin-bottom: 0;
    background: inherit !important;
    padding: 0 2px;
}

.development-services ul li a:hover,
.development-services ul li a:active,
.development-services ul li a:focus {
    color: #f3c711 !important;
    cursor: pointer;
}

/*===================================web development page ends===============================*/

/*********************************************Branding & Corporate Identity page starts****************************/

.windows-app-development p {
    text-align: center;
}

/*********************************************Branding & Corporate Identity page ends****************************/

/*------------------------------------------------- smart phone app development page starts-------------------------*/

.major-cms h4 {
    width: 90%;
    margin: 0 auto;
}

/*------------------------------------------------- smart phone app development page ends-------------------------*/

/*=============================================open-source- page start============================================*/

.open-source-custm-content .title-inner-pages {
    font-size: 32px;
}

.open-source-custm-content .title-inner-pages span {
    display: block;
}

/*=============================================open-source- page end============================================*/

/***********************************************.net page starts****************************************************/

.dot-net-capabilities h5 {
    padding-top: 50px;
}

/***********************************************.net page ends****************************************************/

/*........................................services sub pages ends..................................*/

/*===========================================Blog page starts=======================================*/

.our-blogs {
    background: #fff;
    margin-bottom: 80px;
    padding-bottom: 50px;
}

.our-blogs h6 {
    text-transform: uppercase;
    padding: 20px 0px 10px 20px;
}

.our-blogs h6 a,
.our-blogs a:active,
.our-blogs a:focus {
    color: #555;
}

.our-blogs span {
    color: #9f9f9f;
    font-size: 12px;
    font-family: 'OpenSans-Italic';
    line-height: 27px;
    padding: 0 20px;
}

.our-blogs p {
    font-family: 'Raleway-Regular';
    font-size: 14px;
    line-height: 22px;
    color: #555;
    padding: 30px 20px 0px;
    text-align: justify;
}

.our-blogs .blogs-bg {
    margin-top: 15px;
}

.blogs-bg {
    height: 260px;
    width: 100%;
}

.blog-page-content h2 {
    margin-bottom: 50px;
}

/*sidebar starts*/

.side-bar-content a {
    text-decoration: none;
    color: inherit;
}

.side-bar {
    background: #dcdbd8;
    font-family: 'Raleway-Regular';
}

.side-bar form {
    padding: 0;
    background: #fff;
}

.side-bar .search input[type='text'] {
    height: 35px;
    border: none;
    padding: 0 10px;
    font-size: 14px;
    color: #808080;
    float: left;
    width: 85%;
}

.side-bar .search .btn-search {
    background: url(../../static/image/icon-search.png) 0 no-repeat transparent;
    height: 35px;
    width: 15%;
    border: none;
    cursor: pointer;
    opacity: .5;
    background-size: 80%;
}

.side-bar .search .btn-search:hover {
    opacity: .9;
}

.side-bar .search {
    border: thin solid #d5d5d5;
    color: #AF9F90;
    margin-bottom: 5px;
    padding: 25px 25px 0 25px;
}

.side-bar-top ul li:last-child {
    border: 0;
}

.side-bar-top ul li:before {
    color: #ffc40c;
    float: left;
    width: 20px;
    content: '\2022';
    font-size: 32px;
    margin-left: 20px;
}

.side-bar-content ul li {
    border-bottom: 1px solid #AF9F90;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 52px;
}

.side-bar-top ul li:hover {
    background: #ffc40c;
    position: relative;
    /*    border-bottom: 1px solid #ffc40c;*/
}

.side-bar-top ul li:hover:before {
    color: #000;
}

/*sidebar-latest-post-starts*/

.side-bar-latest-post {
    background: #f8f8f8;
    padding: 20px;
}

.side-bar-latest-post h6,
.side-bar-latest-post ul li {
    font-size: 24px;
    line-height: 35px;
    font-family: 'Raleway-Regular';
    color: #555555;
    text-transform: none;
}

.side-bar-latest-post ul li,
.side-bar-feature-posts ul li {
    font-size: 12px;
    line-height: 16px;
    clear: both;
    border-bottom: 1px solid #c3c3c3;
    padding: 15px 0 35px;
}

.side-bar-latest-post img,
.side-bar-feature-posts img {
    width: 60px;
    height: 60px;
    object-fit: inherit;
    float: left;
    margin-right: 15px;
}

/*sidebar-latest-post-ends*/

/*side-bar-feature-posts start*/

.side-bar-feature-posts {
    margin-bottom: 30px;
}

.side-bar-feature-posts ul {
    padding: 20px;
    background: #fff;
}

.side-bar-feature-posts h6 {
    padding: 18px;
    background: #f8c928;
    color: #fff;
}

.side-bar-feature-posts p {
    padding: 15px;
    line-height: 1.5;
}

/*side-bar-feature-posts end*/

/*sidebar ends*/

/*pagination starts*/

.pagination li a {
    color: #000;
}

.pagination {
    margin: 30px 0 125px
}

.pagination li a:hover {
    background: #ffc40c;
    transition: .3s ease;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    background: #ffc40c;
    border: 1px solid #ffc40c;
}

/*pagination ends*/

/*===========================================Blog page ends=======================================*/

/*********************************************blog-detail-page starts*********************************/

.blog-detail-page-content {
    padding-top: 110px;
}

.blog-detail-center-img,
.blog-detail-right-img {
    height: 430px;
    width: 100%;
}

.blog-detail-right-img {
    background-size: contain !important;
}

.blog-detail-sub-heading {
    color: #000 !important;
    line-height: 22px;
    font-size: 24px !important;
    font-family: "Raleway-Bold" !important;
    text-transform: none !important;
}

.inner-row {
    margin: 0;
}

/*********************************************blog-detail-page ends*********************************/

/*===========================================our latest work starts================================*/

.our-latest-work-content{
    padding: 80px 0 160px;
}

.our-latest-work-content h1{
    margin: 0px 0 120px 0;
}

.no-padding {
    padding: 0 2px;
}

.our-latest-work-content .latest-work-heading {
    margin-top: 90px;
    margin-bottom: 40px;
}

/*overlay effect starts*/

.hovereffect {
    width: 100%;
    height: 100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    cursor: default;
}

.hovereffect .overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgb(255, 202, 8);
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    padding: 30px 0;
}

.hovereffect img {
    display: block;
    position: relative;
    -webkit-transition: all .4s linear;
    transition: all .4s linear;
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #222222;
    text-align: left;
    position: relative;
    font-size: 17px;
    font-family: "OpenSans-Bold";
    background: none;
    -webkit-transform: translatey(-100px);
    -ms-transform: translatey(-100px);
    transform: translatey(-100px);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    padding: 10px;
    margin-left: 20px !important;
}

.hovereffect p {
    font-size: 13px;
    line-height: 19px;
    font-family: "OpenSans-Regular";
    color: #222222;
    text-align: left;
    padding: 0px 30px 20px;
}

.hovereffect .info {
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    color: #000;
    background-color: transparent;
    opacity: 0;
    filter: alpha(opacity=0);
    margin: 20px 0 0;
    cursor: pointer;
}

.hovereffect .info-search a {
    background: url(../../static/image/our-latest-work-search-icon.png)no-repeat;
    width: 80px;
    height: 80px;
    background-position: center center;
    display: block;
}

.hovereffect .info-search a:hover {
    background: url("../../static/image/our-latest-work-search-icon-hover.png")no-repeat;
    background-position: center center;
}

.hovereffect .info-share a {
    background: url(../../static/image/our-latest-work-share-icon.png)no-repeat;
    width: 80px;
    height: 80px;
    background-position: center center;
    display: block;
}

.hovereffect .info-share a:hover {
    background: url("../../static/image/our-latest-work-share-icon-hover.png")no-repeat;
    background-position: center center;
}

.hovereffect:hover img {
    -ms-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.hovereffect:hover .overlay {
    opacity: 1;
    filter: alpha(opacity=100);
}

.hovereffect:hover h2,
.hovereffect:hover .info {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-transform: translatey(0);
    -webkit-transform: translatey(0);
    transform: translatey(0);
}

.hovereffect:hover .info {
    -webkit-transition-delay: .2s;
    transition-delay: .2s;
}

/*overlay effect ends*/

/*===========================================our latest work ends================================*/

/*********************************contact us page starts*********************************/

.contact-us-form h4 {
    font-size: 28px;
    line-height: 24px;
    color: #333;
    font-family: "Raleway-SemiBold";
    text-align: left;
    padding-bottom: 50px;
}

.contact-us-page-content h2 {
    margin-top: 80px;
    margin-bottom: 70px;
}

.address-side-bar ul li {
    font-size: 14px;
    line-height: 22px;
    font-family: "Raleway-Regular";
    color: #777777;
    border-left: 2px solid #ffda2c;
    margin-bottom: 20px;
    background-color: #fff;
    padding: 15px 20px;
}

.icon-phone {
    background: url(../../static/image/phone-icon.png)no-repeat;
    background-position: 95% 40%;
}

.icon-address {
    background: url(../../static/image/address-icon.png)no-repeat;
    background-position: 95% 40%;
}

.icon-email {
    background: url(../../static/image/email-icon.png)no-repeat;
    background-position: 95% 40%;
}

.icon-skype {
    background: url(../../static/image/skype-icon.png)no-repeat;
    background-position: 95% 40%;
}

/*testimonial starts*/

.contact-us-side-bar li a {
    text-decoration: none;
    color: #777777;
}

.testimonial-side-bar {
    background: #fff;
    margin-top: 30px;
}

#carousel-example-generic,
.testimonial-para {
    padding: 0 20px;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    color: #606060;
    font-family: "Raleway-Medium";
}

.testimonial_control {
    padding-top: 8px;
}

.carousel-indicators {
    bottom: 8px;
}

.testimonial-img img {
    border-radius: 50%;
    width: 200px;
    margin: 0 auto;
}

.testimonial-title {
    font-size: 14px;
    line-height: 28px;
    font-family: "Raleway-SemiBold";
    color: #606060;
}

.testimonial-subtitle {
    font-family: "Raleway-Regular";
    font-size: 13px;
    line-height: 18px;
    color: #606060;
    padding-bottom: 40px;
}

.testimonial-btn {
    background-color: #373d4b !important;
    color: #fff !important;
}

.seprator {
    height: 50px;
    border-right: 1px solid #f3c711;
    width: 0;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 15px;
}

.carousel-indicators li {
    background: #dadadc;
}

.carousel-indicators .active {
    background: #7c7c7c;
}

.controls.testimonial_control.text-center .carousel-indicators .active {
    background: #f3c711;
}

/*testimonial ends*/

/*contact us form starts*/

.contact label {
    font-size: 14px;
    font-family: "Raleway-Bold";
    line-height: 24px;
    color: #333;
}

.contact label span {
    color: #999;
}

.contact .form-group {
    margin-bottom: 25px;
}

.contact input[type="text"],
.contact input[type="email"],
.contact input[type="tel"],
.contact textarea,
.contact select {
    border: 1px solid #d4d4d1;
    color: #6a6a6a;
    font-size: 16px;
    line-height: 20px;
    margin: 6px 0;
    padding: 10px 15px;
    width: 100%;
    height: auto;
    border-radius: 0;
    font-family: 'MatrixBook';

}

.contact select:focus {
    outline: 0;
    border-color: #d4d4d1;
    box-shadow: inherit;
}

.contact-us-page-btn input[type="submit"] {
    margin-top: 0;
    padding: 14px 65px;
}

.contact-us-form {
    margin-left: 30px;
}

.contact-us-form select {
    -webkit-appearance: none;
    -moz-appearance: none;
     appearance: none;
    background: #fff url(../../static/image/slider-down-arrow.png)no-repeat;
    background-position: 95% 53%;
}

.contact-us-form select::-ms-expand {
    display: none;
}

/*contact us form ends*/

.map {
    padding-top: 110px;
}

/*********************************contact us page starts*********************************/

/*----------------------------------Branding Packages page starts---------------------------------*/

.pricing-branding-page-content {
    padding-bottom: 265px;
}

.pricing-branding-page-content h2 span {
    font-size: 60px;
}

.pricing-branding-page-content h2 {
    margin-top: 85px;
    margin-bottom: 50px;
}

/*pricing table starts*/

/***Content***/

/*pricing table*/

/***
Content
***/

/***
Pricing table
***/

.pricing {
    position: relative;
    padding: 0 20px 20px;
    background: #fff;
}

.pricing-active h4 {
    margin-top: -10px;
}

.pricing-head {
    text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
    margin: 0;
    line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
    display: block;
    margin-top: 5px;
    font-size: 14px;
    font-style: italic;
}

.pricing-head h3 {
    color: #333;
    padding: 30px 0;
    font-size: 36px;
    line-height: 27px;
    font-family: "Raleway-Light";
}

.pricing-head h4 {
    padding: 65px 0;
    font-size: 60px;
    background: #424242;
    border-bottom: solid 1px #f5f9e7;
    line-height: 27px;
    font-family: "Raleway-Thin";
    margin-bottom: 10px;
}

.pricing-head h4 i {
    top: -8px;
    font-size: 28px;
    font-style: normal;
    position: relative;
}

.pricing-head h4 span {
    top: -10px;
    font-size: 14px;
    font-style: normal;
    position: relative;
}

/*Pricing Content*/

.pricing-content li:nth-child(even) {
    background: #f2f2f2;
    padding: 3px 0;
}

.pricing-content li {
    color: #333;
    font-size: 14px;
    margin-bottom: 0;
    font-family: "Raleway-Regular";
    line-height: 50px;
}

/*Pricing Footer*/

.pricing-footer-btn {
    padding: 15px 0;
    margin-top: 0;
}

.pricing-footer-btn a {
    color: #fff;
}

/*Priceing Active*/

.price-active,
.pricing:hover {
    z-index: 9;
}

.price-active h4 {
    color: #36d7ac;
}

.no-space-pricing .pricing:hover {
    transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
    color: #36d7ac;
    padding: 15px 0;
    font-size: 80px;
    transition: color 0.5s ease-in-out;
}

.yellow-crusta.btn {
    color: #FFFFFF;
    background-color: #ffc40c;
    display: block;
    border-radius: 0;
    text-transform: uppercase;
    font-family: "Raleway-SemiBold";
    font-size: 18px;
    line-height: 50px;
    padding: 0;
}

.yellow-crusta.btn:hover,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:active,
.yellow-crusta.btn.active {
    background-color: #030303;
    color: #ffc40c;
}

/*pricing table*/

.pricing-table {
    padding-top: 40px;
    font-family: "Raleway-Light";
}

.pricing-table.text-center strong {
    text-transform: uppercase;
    font-family: "Raleway-Bold";
    font-size: 16px;
}

.pricing-table .most-popular {
    background: #ffc40c;
    color: #fff;
    text-transform: uppercase;
    font-family: "Raleway-Bold";
    font-size: 16px;
    line-height: 35px;
}

.pricing-table .most-popular:before {
    content: "";
    border-left: 10px solid transparent;
    position: relative;
    display: inline;
    border-right: 10px solid transparent;
    border-top: 10px solid #ffc40c;
    top: 36px;
    left: 17%;
    z-index: 10;
}

/*pricing table ends*/

/*plans*/

.platinum-plan,
.starter-plan {
    padding-top: 35px;
}

/*----------------------------------Branding Packages page ends---------------------------------*/

/****************************************our lates work detail page starts*****************************/

.latest-work-detail-page-content {
    padding: 20px 0 240px;
}

.latest-work-detail-page-content h4 {
    color: #292929;
    font-size: 18px;
    text-align: left;
    font-family: "Raleway-Bold";
    padding: 10px 0;
}

.latest-work-detail-page-content h2 {
    margin-bottom: 80px;
}

.latest-work-detail-page-btn a {
    padding: 10px 30px;
    display: block;
}

.latest-work-detail-page-btn {
    margin: 40px 0;
}

.latest-work-detail-page-content p {
    font-size: 14px;
    font-family: "Raleway-Regular";
    line-height: 22px;
    color: #39393b;
    text-align: justify;
    padding-bottom: 20px;
}

.latest-work-description {
    padding-left: 30px;
}

.what-we-seved {
    padding-bottom: 20px;
}

.what-we-seved ul li {
    background: url(../../static/image/nav-dir-right.png)no-repeat;
    margin-bottom: 0;
    color: #4e4e4e;
    font-size: 14px;
    line-height: 24px;
    font-family: "Raleway-Regular";
    background-position: left center;
    padding: 0 15px;
    background-size: 3%;
}

/*slider starts*/

#custom_carousel .item .top {
    overflow: hidden;
    height: 490px;
    margin-bottom: 15px;
}

#custom_carousel .item {
    color: #000;
    overflow: hidden;
}

#custom_carousel .item img {
    width: 100%;
    height: 100%;
}

#custom_carousel .izq {
    position: absolute;
    left: -25px;
    top: 40%;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px;
}

/* Next button  */

#custom_carousel .der {
    position: absolute;
    right: -25px !important;
    top: 40%;
    left: inherit;
    background-image: none;
    background: none repeat scroll 0 0 #222222;
    border: 4px solid #FFFFFF;
    border-radius: 23px;
    height: 40px;
    width: 40px;
    margin-top: 30px;
}

#custom_carousel .controls {
    overflow: hidden;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    border: 0;
}

#custom_carousel .controls .nav {
    padding: 0;
    margin: 0;
    white-space: nowrap;
    text-align: center;
    position: relative;
    width: auto;
    border: 0;
    padding-top: 40px;
}

#custom_carousel .controls li {
    transition: all .5s ease;
    display: inline-block;
    float: left;
    width: 32%;
    margin-left: 3px;
    border: 3px solid lightgray;
    line-height: 0;
}

#custom_carousel .controls li a {
    padding: 0;
}

#custom_carousel .controls li img {
    width: 100%;
    height: auto
}

#custom_carousel .controls li.active {
    opacity: 1;
}

#custom_carousel .controls a small {
    overflow: hidden;
    display: block;
    font-size: 10px;
    margin-top: 5px;
    font-weight: bold
}

#custom_carousel .carousel-inner {
    padding-bottom: 40px;
}

/*slider ends*/

/****************************************our lates work detail page ends*****************************/

/*======================================pricing websites page starts=====================================*/

.pricing-website-page-content h2 {
    margin-bottom: 50px;
    margin-top: 80px;
}

.panel-default > .panel-heading {
    display: none;
}

.pricing-website-detail-table {
   /*  padding-top: 100px; */
}

.th-most-popular {
    position: relative;
}

.title-row .most-popular {
    position: absolute;
    top: -36px;
    background: #333;
    padding: 7px;
    width: 370px;
    left: -115px;
    font-size: 16px;
    font-family: "Raleway-Bold";
}

.title-row .most-popular::before {
    content: "";
    border-left: 10px solid transparent;
    position: relative;
    display: inline;
    border-right: 10px solid transparent;
    border-top: 10px solid #333;
    top: 37px;
    left: 21%;
    z-index: 10;
}

.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #f2f2f2;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #fff;
}

.first-row td span {
    display: block;
    margin: 30px 0px 20px;
}

.title-row {
    background: #ffc40c;
    color: #fff;
    font-size: 15px;
    font-family: "Raleway-SemiBold";
    line-height: 27px;
    text-transform: uppercase;
}

tr.title-row th {
    border-right: 1px solid #efba14 !important;
}

.pricing-website-table td,
.pricing-website-table th {
    border: none !important;
    vertical-align: middle !important;
    padding: 0 !important;
}

.panel-default {
    border: 0;
    background: none;
    padding-bottom: 80px;
}

.panel-heading {
    display: inline-block
}

.pricing-row {
    background: #424242;
    color: #fff;
    font-size: 18px;
    line-height: 27px;
    font-family: "Raleway-Light";
}

.pricing-row:nth-child(even) {
    background-color:#4e4c4c;
}
.pricing-row span
{
    font-size: 12px;
}

.pricing-website-table tr td:first-child {
    text-align: left;
    font-size: 14px;
    line-height: 50px;
    font-family: "Raleway-SemiBold";
    color: #333;
    padding-left: 50px !important;
}

.pricing-website-table tr td:first-child.txt-center {
    padding: 0 !important;
}

.pricing-website-table tr td {
    font-size: 14px;
    line-height: 50px;
    font-family: "Raleway-Regular";
    color: #606060;
    border-right: 1px solid #ddd !important;
}
.pricing-website-table tr td span
{
    font-size: 12px;
}
.pricing-website-table tr td ul
{
    padding-left: 30px;
}
.pricing-website-table tr td li
{
    font-size: 14px;
    text-align: left;
    list-style-type: square;
    
}
th.no-bg,
tr.btn-row .no-bg {
    background: #f8f8f8 !important;
}

.table.pricing-website-table tr th {
    padding: 15px 0!important;
    text-align: center;
 /*    width: 15%; */
}

td.txt-center {
    text-align: center !important;
    border-bottom: 2px solid #ffc40c !important;
    font-size: 18px;
    font-family: "Raleweay-Bold";
    letter-spacing: 2px;
    text-transform: uppercase;
}

.btn-row .black-btn:hover,
tr.btn-row td {
    border: 0 !important;
}

.btn-row .black-btn a {
    color: #fff;
}

tr.btn-row .black-btn {
    display: block;
    padding: 15px 0;
    border-bottom: 0 !important;
    margin: 0;
}

tr.btn-row td:nth-child(even) .black-btn {
    background: #ffc40c !important;
    color: #333;
}

tr.btn-row td:nth-child(even) .black-btn:hover {
    background: #333 !important;
    color: #fff;
}

tr td:last-child {
    border-right: 0 !important;
}

/*======================================pricing websites page ends=====================================*/

/*------*****************************************our solution page starts********************************--------*/

.test {
    color: #fff;
}

.our-solution-page-content h4 {
    color: #4e4e4e;
    font-size: 24px;
    line-height: 24px;
    font-family: "Raleway-Light";
    padding-bottom: 20px;
}

.our-solution-page-content h2 {
    padding-top: 30px;
    margin-bottom: 45px;
}

/* The actual timeline (the vertical ruler) */

.timeline {
    position: relative !important;
    max-width: 1200px;
    margin: 0 auto;
    margin-top: 100px;
    padding-top: 270px;
}

.timeline:before {
    content: '';
    border: solid 1px #7f7f7f;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    z-index: 999999;
    top: -14px;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.timeline h4 {
    color: #000;
    font-size: 21px;
    line-height: 24px;
    font-family: "Raleway-Bold";
}

.timeline p {
    font-size: 14px;
    line-height: 21px;
    font-family: "Raleway-Regular";
    color: #606060;
}

/*
.solution-content {
    width: 70%;
    display: inline-block;
    padding: 15px 10% 0;
}
*/

.solution-image {
    width: 29%;
    background: #fff url(../../static/image/accounting-solution.png)no-repeat;
    height: 150px;
    display: inline-block;
    border: 1px solid #e2e2e2;
    border-radius: 50%;
    background-position: center;
    vertical-align: top;
}

.solution-image:hover {
    background-color: #333;
}

/* The actual timeline (the vertical ruler) */

.timeline::after {
    content: '';
    position: absolute;
    width: 2px;
    background-color: #afafaf;
    top: 0;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    margin-bottom: 320px;
}

/* Container around content */

.solutions-container {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
    margin-top: -110px;
}

/*bg images of sloutions*/

.accounting-solution {
    background: url(https://designbee.net/themes/css/images/w1-img.png)no-repeat;
    background-position: right center;
}

/* The circles on the timeline */

.solutions-container::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    right: -5px;
    background-color: #7f7f7f;
    top: 75px;
    border-radius: 50%;
    z-index: 1;
}

/* Place the container to the left */

.left {
    left: 0;
    text-align: right;
    top: -110px;
}

.left h4 {
    text-align: right;
}

/* Place the container to the right */

.right {
    left: 50%;
    text-align: left;
    top: -100px;
}

.right h4 {
    text-align: left;
}

/* Fix the circle for containers on the right side */

.right::after {
    left: -10px;
}

/* The actual content */

/**************************************************our solution page ends***************************************/

/*------------------------------------- 404 error page starts---------------------------------------------------*/

.error-404 {
    margin: 0 auto;
    text-align: center;
    padding: 50px 0 100px;
}

.error-page-btn {
    padding: 15px 40px;
}

.error-404 h4 {
    color: #000;
    padding: 30px 0 15px
}

.error-code {
    color: #f3c711;
    font-size: 96px;
    line-height: 100px;
    font-weight: bold;
}

.error-404 .error-desc {
    font-size: 14px;
    padding: 15px 0;
    font-family: 'Raleway-Regular';
    color: #4e4e4e;
    margin-bottom: 30px;
}

/*------------------------------------- 404 error page ends---------------------------------------------------*/

.web_soft {
    display: block;
    margin-top: 15px !important;
    font-size: 32px !important;
}

.prdouct_services {
    color: #f3c711 !important;
}

.prdouct_services span {
    color: #ffffff;
}

.no_margin {
    margin: 0;
}

/*=========================================new css jan-2018 ends*===================================*/

/****************************************out-source-page-starts***************************************/

.Outsource-client .client-slider p {
    text-align: center;
    color: #000;
    padding-top: 6px;
}

.Outsource-client .bx-wrapper img{
    margin: 0 auto;
}

.Outsource-client {
    padding: 32px 0;
}

.Outsource-client .bx-wrapper .bx-viewport{
    height: 130px !important;
}

.outsource-page-slider .flexslider2 .flexslider ol, .outsource-page-slider  .flex-direction-nav {
    display: none !important;
}

 .outsource-page-slider{
    margin-top: 20px;
 }

 .outsource-vertical-slider{
    height: auto;
    padding-bottom: 50px;
 }

.outsource-page-slider .slider-wrap-left, .outsource-page-slider .slider-wrap-right{
    width: 46%;
}
 
.outsource-page-slider .slider-wrap-left, .outsource-page-slider .slider-wrap-right{
    padding: 20px 0px;
}

.outsource-page-slider .vertical-slider{
    height: 600px;
}

.outsource-page-slider .slider-content-left{
    padding-right: 20px;
}

.menu-phone:hover
{
  background: url(../../static/image/menu-phone-hover.png) top center no-repeat;
}
.menu-email:hover
{
  background: url(../../static/image/menu-email-hover.png) top center no-repeat;
}
.menu-online:hover
{
  background: url(../../static/image/menu-skype-hover.png) top center no-repeat;
}
.outsource_solutions .tab1 {
    background: url(../../static/image/understand-g.png) #fff no-repeat center center;
}

.outsource_solutions .tab2 {

	 background: url(../../static/image/deliver.png) #fff no-repeat center center;
}

.outsource_solutions .tab3 {
         background: url(../../static/image/creat.png) #fff no-repeat center center;
}

.outsource_solutions .tab1:hover,
.outsource_solutions li.active .tab1 {
    background: url(../../static/image/understand.png) #39393b no-repeat center center;
}

.outsource_solutions .tab2:hover,
.outsource_solutions li.active .tab2 {

	    background: url(../../static/image/deliver-y.png) #39393b no-repeat center center;
}

.outsource_solutions .tab3:hover,
.outsource_solutions li.active .tab3 {
    background: url(../../static/image/creat-y.png) #39393b no-repeat center center;
}

.Outsource-client a{
    cursor: pointer !important;
}
/****************************************out-source-page-starts***************************************/


.outsource_whyus {
   border-bottom: 10px solid #f3c711;
}

.notext {
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}
.footer-project{
    padding-top:10px;
    }

.show-mobile-serv { 
    display: none; 
}

.out-source-btn, .menu-footer .out-source-btn {
    width: 150px;
}


/*----------------------------------------Media qureis starts--------------------------------------*/
.affix .navbar, .navbar{
    border-radius: inherit !Important;
}
.client-slider a { 
    cursor:default;
}

.hide-mobile-logo{
    display: none !important;
}


/*--------------------------------- Testimonials-------------------------*/
.feedback-wrap, 
.testimonial-side-bar{
    display: none;
}



/****************max width 1200px starts*****************/
.table-responsive{ overflow:hidden;}
.mycustclass p{ text-align:justify; }
.outsource_solutions .solution-tab-wrap .tab-content p{ line-height:24px; }
@media (max-width: 1200px) {
    .main-slider {
        height: 650px;
    }
    .flexslider .slides li {
        height: 650px;
    }
    #menu {
        height: 100vh;
    }
    #menu .overlay {
        /*  height: 650px;*/
    }
    .divider {
        background-position: -28px 20px;
        background-size: 106% auto;
    }
    .vertical-slider {
        height: auto;
        margin-top: 0;
    }
    .slider-wrap-left {
        padding: 20px;
    }
    .solution-data h2 {
        font-size: 57px;
        line-height: 55px;
    }
    .solution-data h2 span {
        font-size: 21px;
    }
    .solution-tab-wrap {
        width: 500px;
        height: 500px;
        padding: 100px;
    }
    .overlay-3 {
        padding-top: 130px;
        padding-bottom: 80px;
    }
    .latest-menu {
        margin-left: -490px;
    }
    .latest-content {
        margin-top: 170px;
    }
    #footer h5 {
        font-size: 28px;
    }
    .address p {
        line-height: 20px;
    }
    /*new media qurery starts jan-18*/
    .development-services h4 {
        width: 100%;
    }
    .pricing-head h3 {
        font-size: 32px;
    }
    .pricing-table .most-popular:before {
        left: 21%;
    }
    .hovereffect .overlay {
        padding: 15px;
    }
    .hovereffect .info {
        margin: 0;
    }
    /*new media qurery ends jan-18*/
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.table-responsive{
		    overflow-x: auto;
		}
    .address-side-bar ul li {
        width: 100% !important;
    }
    .logo {
        width: 330px;
        background-size: 100%;
        height: 155px;
        margin: 100px auto 0;
    }
    .flexslider .slides li,
    .main-slider {
        height: 500px;
    }
    .home-page-header-bg {
        height: 500px;
    }
    /*
    .designbee {
        background: url(../../static/image/welcome-bg.png) center no-repeat !important;
        background-size: cover !important;
    }
*/
    .designbee .container,
    .solution .container {
        padding: 0 30px;
    }
    /*
    .design-content {
        padding: 20px 0;
    }
*/
    .design-content h2,
    .design-content span {
        font-size: 50px;
    }
    .design-content p:last-child {
        font-size: 16px;
        line-height: 1.5;
    }
    .overlay-2 {
        padding: 0;
        height: 710px;
    }
    .divider {
        background: none;
    }
    .flexslider2 ul li h6, .outsource-page-slider ul li h6 {
        font-size: 18px;
    }
    .slider-wrap-right .img-wrap-right {
        width: auto;
    }
    .slider-wrap-left {
        padding: 20px 40px 30px 10px;
    }
    .slider-wrap-right {
        padding: 20px 10px 30px 40px;
    }
    .slider-content-right {
        padding-left: 20px;
    }
    .solution-tab-wrap {
        width: 390px !important;
        height: 390px !important;
        padding: 50px;
    }
    .tab-content {
        padding: 0 25px;
    }
    .tab-content h4 {
        margin: 5px 0;
    }
    .tab-content p {
        margin-bottom: 14px;
    }
    .why-us h3 {
        margin: 50px 0;
    }
    .tab1,
    .tab2,
    .tab3 {
        width: 90px;
        height: 90px;
    }
    .solution-data {
        padding: 0 0 0 30px !important;
        width: 44%;
    }
    .solution-data p {
        font-size: 14px;
        line-height: 22px;
    }
    .solution-data h2 {
        font-size: 45px;
        line-height: 50px;
    }
    .solution-data h2 span {
        font-size: 17px;
    }
    .latest-heading > h2 {
        padding: 30px 0;
    }
    .latest-menu {
        margin-left: -370px;
    }
    .latest-content {
        margin-top: 210px;
    }
    .feedback h2 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .feedback .bx-wrapper li {
        width: 210px !important;
        margin-right: 40px !important;
    }
    .hexagon-wrap h4 {
        min-height: 141px;
    }
    .footer-logo {
        background-size: 100%;
        width: 160px;
        height: 70px;
    }
    #footer ul {
       padding: 16px 0 0 20px;
        width: auto;
    }
    #footer ul li a {
        font-size: 15px;
    }
    .facebook,
    .twitter,
    .linked-in,
    .google {
        width: 39px;
        height: 39px;
    }
    #footer .social-icons p {
        font-size: 11px;
    }
    .circliful {
        width: 150px !important;
    }
    .circlestat canvas {
        width: 150px !important;
    }
    .circlestat .circle-text {
        line-height: 150px !important;
    }
    .latest-work p {
        line-height: 30px;
    }
    .client {
        padding: 40px 0;
    }
    .circle-container .circlestat .circle-text {
        font-size: 60px !important;
    }
    /*new media qurery starts jan-18*/
    .slider-text-home-page {
        bottom: 150px;
    }
    .affix .sticky_menu {
        width: 100%;
    }
    .sticky .start-project.header-btn {
        margin-right: 10px;
    }
    .affix .tel {
        margin-right: 25px;
    }
    .affix {
        height: 87px;
    }
    .flexslider .slides li img {
        height: 500px;
    }
    .flexslider2 .flex-viewport {
        height: 440px !important;
    }
    .services-sub-page {
        padding-bottom: 50px;
    }
    .slider-text {
        top: 300px;
    }
    .our-blogs {
        margin-bottom: 50px;
    }
    .platinum-plan {
        margin: 0 auto;
    }

    .outsource-vertical-slider{
    height: auto;
    }
    /*new media qurery ends jan-18*/
}

@media screen and (max-width:992px) {

    .our-latest-work-content h1 {
        margin: 0px 0 30px 0;
    }

    .our-latest-work-content {
        padding: 50px 0 100px;
    }
    /*web-design-circle*/
    .circle-numbers{
        font-size: 150px;
    }
	.table-responsive{
		    overflow-x: auto;
		}
    .side-bar-top ul li:before {
        margin-left: 10px;
    }
    .side-bar .search {
        margin-bottom: 0;
        padding: 10px 15px 0px;
    }
    .side-bar-latest-post {
        padding: 20px 0 0;
    }
    .side-bar-latest-post ul li,
    .side-bar-feature-posts ul li {
        padding: 15px 0;
    }
    .side-bar-feature-posts h6 {
        padding: 18px 10px;
        font-size: 17px;
    }
    .side-bar-feature-posts ul {
        padding: 0;
    }
    .side-bar .search input[type='text'],
    .side-bar .search .btn-search {
        height: 35px;
       
    }
    .blog-page-content h2 {
        margin: 30px 0;
    }
    .contact-us-page-content h2 {
        margin-top: 50px;
        margin-bottom: 60px;
    }
    .address-side-bar ul li {
        padding: 15px;
    }
    .latest-work-icons {
        padding: 50px 15px;
    }
    .our-latest-work-content h2 {
        margin-top: 40px;
        margin-bottom: 40px;
    }
    .hovereffect .overlay {
        padding: 0;
    }
    .hovereffect:hover h2,
    .hovereffect:hover .info {
        margin: 0 6px !important;
    }
    .hovereffect p {
        padding: 0 15px;
    }
    .hovereffect .info-search a,
    .hovereffect .info-share a {
        background-size: 80%;
        width: 60px;
        height: 70px;
    }
    .latest-work-description {
        padding-left: 0;
    }
    #custom_carousel .controls .nav {
        padding-top: 20px;
    }
    .affix .top-right-icons a {
        margin-left: 35px;
    }
    .affix .navbar-services {
        padding-right: 0;
    }
    .tag-line {
        width: 800px;
    }
    .slider-wrap-left {
        padding: 30px 20px 30px 0px;
    }
    .slider-wrap-right {
        padding: 30px 0px 30px 20px;
    }
    .flexslider2 ul li p, .outsource-page-slider ul li p {
        font-size: 12px;
    }
    .flexslider2,
    .solution-tab-wrap {
        margin-top: 50px;
    }
    .overlay-3 {
        padding-top: 100px;
    }
    .tab1,
    .tab2,
    .tab3 {
        width: 80px;
        height: 80px;
    }
    .tab1 {
        top: -26px;
        left: 40%;
    }
    .tab2,
    .tab3 {
        right: -5%;
        bottom: 35%;
    }
    .services-sub-page .title-inner-pages {
        margin-bottom: 30px;
        margin-top: 40px;
    }
    .services-sub-page ul li a {
        height: 200px;
    }
    .heading-appraoch .title-inner-pages {
        margin: 0px 0 30px 0;
    }
    .services-page-black-btn {
        margin: 50px 0;
    }
    .heading-appraoch p {
        padding: 0;
    }
    .title-row .most-popular {
        left: -150px;
    }
    .pricing {
        padding: 0 10px 10px;
    }
    .pricing-head h3 {
        font-size: 24px;
        font-weight: bold;
    }
    .pricing-table .most-popular:before {
        left: 60px;
    }
    #custom_carousel .item .top {
        height: 360px;
    }
    .latest-work-detail-page-content {
        padding: 20px 0 100px;
    }

    .pricing-table.text-center strong{
        font-size: 13px;
    }

    .pricing-content li{
        line-height: 45px;
    }
	.our-services-content ul li{
		width: 50%;
		}

    .vertical-slider{
        height: auto;
    }


    .outsource-page-slider {
    margin-top: 30px;
    }


}

@media all and (max-width: 767px) {


    .outsource-vertical-slider {
    padding-bottom: 30px;
    }

    .outsource-vertical-slider h1{
        margin-bottom: 30px;
    }

    /*footer-logo*/

    .show-mobile-logo{
        display: block !important;
    }

    /*outsource-btn*/
    .out-source-btn, 
    .menu-footer .out-source-btn{
        width: 112px !important;
    }
	.table-responsive{
		    overflow-x: auto;
		}
    .pricing-website-detail-table {
        padding-top: 40px;
    }
    .pricing-website-detail-table .panel-default {
        padding-bottom: 30px;
        box-shadow: none;
    }
    .services-page-black-btn {
        margin: 40px 0;
    }
    .contact-us-form select {
        font-size: 13px;
        background-position: 97% 18px;
    }
    .services-icons h6,
    .blog-page-content h6,
    .blog-detail-page-content h6 {
        font-size: 20px;
    }
    .feedback h2 {
        margin: 30px;
    }
    .home-page-btn {
        padding: 20px 0px;
    }
    .solution {
        background-size: cover;
    }
    .latest-menu {
        left: 0;
        margin-left: 0;
        padding: 0 10px;
        top: 180px;
    }
    .latest-menu li {
        display: inline;
        top: 180px;
    }
    .latest-heading > h2 {
        padding: 40px 0;
    }
    /*
    .solution-data {
        padding: 35px 15px 0;
        text-align: justify;
    }
*/
    .designbee {
        background: none;
    }
    #menu .remove {
        margin-right: 15px;
    }
    #menu {
        height: 100vh;
        width: 100%;
    }
    #menu .scrollbox {
        padding-right: 0 !important;
    }
    #menu .scrollbox .container {
        padding: 0;
    }
    #menu .menu-logo {
        width: 90px;
        height: 90px;
        background-size: contain;
        background-position: center;
        margin-left: 0;
        display: block;
        margin: 0 auto;
    }
    #menu .menu-media {
        text-align: center;
        display: inline-block;
        margin: 20px 0;
        width: 100%;
    }
    #menu .menu-media a {
        width: 32%;
        display: inline-block;
        margin: 0 auto !important;
        height: auto !important;
        padding-top: 50px;
        font-size: 10px;
        background-size: 28%;
    }
    #menu .scrollbox nav ul {
        overflow: auto;
        width: 100%;
        padding: 0px 15px;
    }
    #menu .scrollbox nav ul li a {
        font-size: 16px;
        padding: 5px 0px;
    }
    #menu .scrollbox nav ul li {
        line-height: 25px;
    }
    #menu .overlay {
        height: 100vh;
    }
    #menu .menu-footer {
        margin-top: 15px;
        padding: 0px 15px;
    }
    #menu .menu-footer .start-project {
        margin: 0 auto;
        display: inline-block;
        font-size: 12px;
        width: 98px;
        padding: 8px;
        height: auto;
    }
    #menu .menu-footer .menu-social-icon li a {
        width: 30px;
        height: 30px;
        padding: inherit !important;
        display: block;
        background-size: 42%;
    }
    .menu-fb {
        background-size: 24% !important;
    }
    .navbar-header .collapse-nav .collapse-button {
        width: 30px;
        height: 25px;
        padding: 0;
    }
    .affix {
        height: 50px;
    }
    .affix .sticky_menu {
        margin: 0 auto;
        width: 100%;
        position: relative;
    }
    .affix .sticky_menu .start-project {
        display: none;
    }
    /*
    .affix .navbar-header {
        margin-top: 10px;
    }
*/
    .affix .logo-sticky-menu {
        width: 100px;
        top: 0;
        height: 48px;
        margin: 5px 0 5px 10px;
        background-size: contain;
    }
    #header .navbar.affix-top .sticky_menu .row:last-child {
        margin: 0px;
    }
    #header .navbar.affix-top .sticky_menu .start-project {
        margin-left: 10px;
        height: 27px;
        font-size: 12px;
        line-height: 27px;
    }
    .navbar-header .collapse-nav {
        margin-right: 10px;
    }
    .affix .navbar-header .collapse-nav {
        margin-right: 10px;
    }
    .overlay-2 {
        height: auto;
    }
    .design-content {
        padding: 60px 15px;
    }
    .tab2 {
        left: -5%;
        bottom: 20%;
    }
    .tab3 {
        left: 80%;
        bottom: 20%;
    }
    .tab1 {
        top: -40px;
    }
}

@media screen and (min-width:480px) and (max-width:767px) {

    .our-latest-work-content {
        padding: 30px 0 60px;
    }

    .our-latest-work-content h1 {
        margin: 0;
    }
    /*footer-nav*/
    .footer-nav {
        float: left;
        width: 40%;
    }
    /*footer-blog*/
    .footer-blog{
        top: -26px;
        overflow: hidden;
        height: 300px;
    }

    #footer .overlay{
        padding: 30px 0;
    }

    /*footer-contact-us*/
    .footer-contact-us{
        clear: both;
       /* padding-top: 20px;*/
    }

	.table-responsive{
		overflow-x: auto;
		}
    .circle-container {
        margin-bottom: 35px;
        width: 49%;
        display: inline-block;
    }
    #menu .menu-media a {
        background-size: inherit !important;
    }
    .logo {
        width: 230px;
        height: 120px;
        margin: 70px auto 0;
        background-size: 100%;
    }
    .tag-line {
        width: 100%;
        padding: 0 10px;
        font-size: 32px !important;
        margin: 0;
        text-indent: 0;
        line-height: 1.4 !important;
    }
    .slider-text-home-page .tag-line .web_soft {
        font-size: 18px !important;
        line-height: 1.4 !important;
    }
    .start-project {
        font-size: 13px;
        height: 28px;
        width: 100px;
    }
    .menu-logo {
        background-size: 60%;
        height: 102px;
    }
    .latest-work-wrap .latest-menu li a {
        font-size: 15px;
    }
    .latest-content {
        margin-top: 115px;
    }
    .latest-work-wrap .overlay-4 {
        height: auto;
    }
    .latest-work h2 {
        margin-bottom: 6px;
    }
    .vertical-slider h2,
    .vertical-slider h2 span,
    .solution-data h2,
    .latest-heading > h2,
    .latest-heading > h2 span,
    .latest-work h2,
    .stats h2 span,
    .stats h2 {
        font-size: 35px;
        margin-top: 0;
    }
    .main-slider,
    .flexslider .slides li img {
        height: 360px;
    }
    .design-content h2 {
        background-position: bottom center;
    }
    .design-content h2,
    .design-content h2 span {
        font-size: 35px;
        margin: 0 auto;
        padding-bottom: 50px;
    }
    .design-content {
        text-align: center;
        padding: 40px 10px;
    }
    .why-us h3 {
        font-size: 30px;
        margin: 40px 0 0 0;
    }
    .hexagon-wrap h4 {
        min-height: auto;
    }
    .hexagon-wrap {
        /*border-bottom: 2px solid #f3c711;*/
        padding: 20px 10px;
        width: 32%;
        display: inline-block;
        vertical-align: top;
    }
    .divider {
        background: none;
    }
    .why-us {
        background-size: cover;
    }
    .why-us .overlay-2 {
        padding: 0 0 25px;
    }
    .flexslider .slides li {
        height: 360px;
    }
    .slider-wrap-right {
        width: 46%;
        height: 130px;
        padding: 0 0 0px 15px;
    }

    .slider-wrap-left {
        width: 46%;
        padding: 0px 15px 0px 0px;
        height: 130px;
    }

    .slider-content-right {
        width: 75%;
    }

    .flexslider2 .flex-direction-nav li .flex-next,
    .flexslider2 .flex-direction-nav li .flex-prev {
        width: 12px;
        height: 15px;
    }

    .img-wrap-right {
        width: auto;
        margin-right: 15px;
    }
    .img-wrap-right img,
    .img-wrap-left img {
        width: 40px;
    }

    .outsource-page-slider .slider-content-left {
    padding-right: 15px;
    }
    .flexslider2 ul li h6,
    .flexslider2 ul li p,  
    .outsource-page-slider ul li p,
    .outsource-page-slider ul li h6 {
        font-size: 12px;
        line-height: 1.5;
    }
    .slider-content-left {
        width: 100%;
        float: right;
        text-align: right;
        font-size: 12px;
        display: inline-block;
        padding-right: 10px;
    }

    .flexslider2 .flex-viewport::before,
    .flexslider2 .flex-viewport::after {
        background-size: contain;
        height: 375px;
    }

    .vertical-slider {
        height: auto;
    }

    /*
    .img-wrap-right,
    .img-wrap-left,
    .slider-content-right,
    .slider-content-left {
        width: 100%;
        float: none;
        text-align: center;
    }
*/
    .flexslider2 ul.flex-direction-nav {
        bottom: 130px !important;
        top: auto !important;
    }
    .flexslider2 .flex-viewport::after {
        left: 8%;
    }
    .flexslider2 .flex-viewport::before {
        left: 46%;
    }

    .flexslider2 {
        margin-top: 0 ;
    }
    .flexslider2 .flex-viewport,
    .flexslider2 {
        height: 360px !important;
    }
    .solution {
        background-size: cover;
    }
    .solution-tab-wrap {
        margin: 0 auto;
        padding: 64px;
        width: 450px;
        height: 450px;
    }
    .solution-tab-wrap ul li .tab1,
    .solution-tab-wrap ul li .tab2,
    .solution-tab-wrap ul li .tab3 {
        height: 100px;
        width: 100px;
        background-size: 40% !important;
    }
    .solution-data {
        text-align: left;
        padding-top: 15px;
        width: 80%;
        margin: 0 auto;
        float: none;
    }
    .solution-data p {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 20px;
    }
    .circle-container {
        margin-bottom: 35px;
    }
    .circle-container .circlestat .circle-text {
        font-size: 50px !important;
    }
    .overlay-3 {
        padding-bottom: 35px;
        padding-top: 100px;
    }
    .stats .start-project {
        width: 100%;
        margin-top: 10px;
        height: 40px;
    }
    #footer {
        text-align: center;
    }
    #footer h5 {
        margin-top: 30px;
    }
    #footer ul {
        padding-bottom: 5px;
        padding-left: 0;
    }
    #footer ul li {
        text-align: left;
    }
    #footer .start-project {
        display: block;
        width: 160px;
        margin: 0 auto 30px;
        height: 30px;
        float: none;
    }
    .footer-logo {
        margin-bottom: 25px;
        margin: 0 auto 25px;
    }
    #footer .social-icons ul,
    #footer .social-icons p {
        float: none;
        width: 100%;
    }
    #footer .social-icons ul li {
        display: inline-block;
        text-align: left;
    }
    .menu-media {
        display: block;
        margin: 20px 0;
    }
    .menu-media a {
        width: 100%;
        margin-bottom: 34px;
    }
    #footer .blogs ul li {
        padding: 0 0 20px;
    }
    nav li a {
        padding: 5px 0;
        font-size: 16px;
    }
    .client {
        padding: 20px 0;
    }
    .client .client-slider > li {
        width: 170px !important;
        margin: 0 20px !important;
    }
    .address {
        float: none;
        margin: 12px 0 0;
    }
    .social-icons {
        margin-top: 15px;
    }
    .social-icons h6 {
        margin-top: 0;
    }
    .phone {
        margin-top: 10px;
    }
    /*new media qurery starts jan-18*/
    .no-padding {
        padding: 1px;
    }
    .our-latest-work-content .latest-work-heading {
        margin-top: 30px;
        margin-bottom: 40px;
    }
    .latest-work-detail-page-content h2 {
        margin-bottom: 50px;
        margin-top: 10px;
        font-size: 42px;
    }
    .title-inner-pages:after {
        margin-top: 4px;
        height: 2px;
    }
    #custom_carousel .item .top {
        height: 320px;
    }
    .what-we-seved ul li {
        background-size: 2% 60%;
    }
    .latest-work-detail-page-content {
        padding-bottom: 40px;
    }
    .latest-work-detail-page-btn a {
        display: inline-block;
    }
    .latest-work-detail-page-btn {
        margin: 0;
    }
    .address-side-bar ul li {
        padding: 10px 6px;
        width: 48%;
        display: inline-flex;
        margin-left: 6px;
        margin-bottom: 10px;
    }
    .contact-us-side-bar li a,
    .contact-us-side-bar li  {
        font-size: 10px !important;
    }
    .contact .form-group {
        margin-bottom: 15px;
    }
    .icon-address,
    .icon-phone,
    .icon-email,
    .icon-skype {
        background-position: 98% 40%;
    }
    .contact-us-page-content h2,
    .contact-us-page-content h2 span {
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 42px;
    }
    .contact-us-form {
        margin-left: 0;
    }
    .contact-us-form h4 {
        padding: 35px 0;
    }
    .map {
        padding-top: 20px;
    }
    .slider-text-home-page {
        bottom: 130px;
    }
    .affix .sticky_menu {
        width: 100%;
    }
    .affix {
        height: 57px;
    }
    .affix .logo-sticky-menu {
        background-size: 100%;
        top: -23px;
    }
    .affix .tel {
        margin-bottom: 0;
    }
    /*inner page*/
    .our-services-content ul li {
        width: 50%;
    }
    .icon-image {
        height: 130px !important;
    }
    .services-icons-box {
        height: auto;
        padding: 0;
    }
    .services-icons p {
        font-size: 12px;
        line-height: 18px;
        padding: 0 6px;
    }
    .services-icons h6,
    .blog-page-content h6,
    .blog-detail-page-content h6 {
        font-size: 14px;
    }
    .services-icons ul {
        padding: 0 15px;
    }
    .para-inner-pages {
        font-size: 14px;
        line-height: 1.5;
        padding: 0px;
    }
    .title-inner-pages {
        font-size: 40px;
        margin: 30px 0 10px 0;
    }
    .title-inner-pages span {
        font-size: 40px !important;
    }
    .heading-appraoch h2 {
        font-size: 40px !important;
        margin-top: 40px;
    }
    .heading-appraoch p {
        font-size: 15px;
        line-height: 1.5;
    }
    .logo-inner-pages {
        width: 120px;
        height: 120px;
        margin-top: 60px;
        background-size: contain !important;
    }
    .inner-page-banner {
        height: 430px;
    }
    .slider-text {
        top: 240px;
        margin: 0;
    }
    .map iframe {
        height: 300px;
    }
    .services-sub-page .title-inner-pages {
        margin-bottom: 20px;
    }
    .services-sub-page {
        padding-bottom: 30px;
    }
    .services-sub-page .services-sub-title {
        padding: 30px 0 10px;
        font-size: 28px;
    }
    .open-source-benefits h4 {
        font-size: 24px;
    }
    .development-services ul li {
        flex-basis: 33%;
    }
    .services-sub-page ul li a {
        height: 180px;
    }
    .major-cms h4 {
        width: 100%;
        font-size: 18px;
        font-weight: bold;
    }
    /*    for fancy scroll bar*/
    /* width */
    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #39393b;
        border-radius: 10px;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #39393ba3;
        border-radius: 10px;
    }
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #ffc40cbd;
    }
    /*for fancy scroll bar ends*/
    .table.pricing-website-table tr th,
    .platinum-plan {
        padding: 15px !important;
    }
    .side-bar .search input[type='text'],
    .side-bar .search .btn-search {
        height: 35px;
    }
    .side-bar .search .btn-search {
        background-size: 35%;
        background-position: right;
        width: 12%;
    }
    .side-bar-latest-post ul li,
    .side-bar-feature-posts ul li {
        display: flex;
        flex-direction: column;
    }

    .branding-pricing-center{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-grow: 1;
        flex-flow: wrap;
    }

    .yellow-crusta.btn {
        font-size: 14px;
        line-height: 40px;
    }

    .pricing-branding-page-content {
        padding-bottom: 80px;
    }

    .outsource-page-slider .slider-wrap-left, 
    .outsource-page-slider .slider-wrap-right{
    width: 48%;
    }

    /*img-box*/
     .img-box{
        height: 130px;
        width: 130px;
    }
    .circle-numbers {
    font-size: 120px;
    }
    
    .web-design-process h4{
        padding: 30px 0 10px;
    }
}

@media all and (max-width: 600px) {

    /*web-design-page*/
    .row-padding{
        flex-flow: wrap;
        padding: 0 15px;
    }

    .web-design-para{
        width: 70%;
    }

    .web-design-process-numbers, 
    .web-design-process-numbers-right{
        order: -1;
        width: 100%;
    }

    .web-design-process-numbers-right{
        text-align: right;
    }
    
     .hexagon-wrap, 
     .get-in-touch,
     .wireframe,
     .seo-implementation {
        width: 30%;
     }

     .img-box {
       height: 120px;
        width: 120px;
    }
       /*#footer ul*/
    #footer ul{
        width: 175px;
    }
	.table-responsive{
		    overflow-x: auto;
		}
    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }
    /* Full-width containers */
    .solutions-container {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }
    /* Make sure that all arrows are pointing leftwards */
    .solutions-container::before {
        left: 60px;
        border: medium solid white;
        border-width: 10px 10px 10px 0;
        border-color: transparent white transparent transparent;
    }
    /* Make sure all circles are at the same spot */
    .left::after,
    .right::after {
        left: 15px;
    }
    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
    /*    for sticky menu*/
    .affix .top-right-icons a,
    .top-right-icons a {
        margin-left: 20px;
    }
    .collapse-nav {
        margin-left: 0px;
    }
    .navbar-services {
        width: 63%;
    }
    .affix .navbar-services {
        width: 80%;
    }
    .affix .collapse-nav {
        margin-left: 40px;
    }
    .affix .collapse-button {
        width: 30px;
        height: 30px;
    }
    .title-row .most-popular {
        left: -135px;
    }
    .side-bar .search .btn-search {
        background-size: 60%;
        background-position: center;
        width: 11%;
    }
}

@media screen and (min-width:320px) and (max-width:479px) {

    .our-latest-work-content {
        padding: 30px 0;
    }

    .our-latest-work-content h1 {
     margin: 0;
    }
	.table-responsive{
		    overflow-x: auto;
		}
    .hide-mobile-serv {  
        display: none;
    }
    .show-mobile-serv { 
        display: block; 
    }
    .show-mobile-serv .bx-viewport {
        border: none;
        background: none;
        box-shadow: none;
    }

    .slider-content-left {
        padding-right: 20px;
        width: 80%;
    }

    .outsource-page-slider .slider-content-right {
    padding-left: 20px;
    }

    .outsource-page-slider .img-wrap-right{
        width: auto;
    }

    .img-wrap-left{
       width: 20%;
    }

    .vertical-slider h2{
        margin: 30px 0px;
    }

    .show-mobile-serv .bx-viewport ul li{
        padding: 20px;
    }

    .show-mobile-serv .bx-viewport ul li p{
        line-height: 1.5;
    }
    .main-slider,
    .flexslider .slides li img {
        height: 430px;
    }
    .slider-text-home-page {
        left: inherit;
        right: inherit;
        bottom: 170px;
        text-align: center;
    }
    .tag-line {
        padding: 0 10px;
        font-size: 26px !important;
        text-align: center;
        margin: auto;
        width: auto;
        text-indent: 0;
        line-height: normal !important;
    }
    .web_soft {
        font-size: 22px !important;
    }
    .prdouct_services {}
    .design-content p:last-child {
        font-size: 14px;
    }
    .solution-tab-wrap {
        width: 100%;
        height: auto;
        padding: 0;
        padding-top: 0;
        background: none;
    }
    .solution-tab-wrap ul {
        text-align: center;
    }
    .solution-tab-wrap ul li {
        display: inline-block;
        width: 30%;
        margin-right: 10px;
		margin-top:15px;
    }
    .solution-tab-wrap ul li:last-child {
        margin-right: 0;
    }
    .solution-tab-wrap ul li .tab1,
    .solution-tab-wrap ul li .tab2,
    .solution-tab-wrap ul li .tab3 {
        position: static;
        height: 100px;
        display: block;
        background-size: 35% !important;
        border-radius: 5px;
        width: 100%;
    }
    .tab-content {
        text-align: center;
        padding: 20px 0 0;
    }
    .overlay-3 {
        padding:0;
    }
    .solution-data h2 {
        line-height: 32px;
        margin-bottom: 10px;
    }
    .solution-data h2 span {
        font-size: 16px;
        line-height: 1.5;
        margin-top: 15px;
    }
    .vertical-slider h2,
    .vertical-slider h2 span,
    .solution-data h2,
    .latest-heading > h2,
    .latest-heading > h2 span,
    .latest-work h2,
    .feedback h2,
    .stats h2 span,
    .stats h2 {
        font-size: 30px;
    }
    .latest-work-wrap .latest-menu li a {
        font-size: 11px;
        padding-left: 10px;
        text-transform: uppercase;
        letter-spacing: -0.3px;
    }
    .latest-menu li.active a {
        background-size: 9px;
    }
    .latest-work p {
        font-size: 14px;
    }
    .stats h2 {
        margin-bottom: 12px;
    }
    .circle-container {
        margin-bottom: 8px;
        width: 49%;
            display: inline-flex;
    flex-direction: column;
    }
    .stats .start-project {
        font-size: 17px;
        height: 36px;
    }
    .feedback {
        margin-top: 0;
    }
 /*   .feedback .bx-controls-direction {
        top: 0;
    }*/
    .vertical-slider {
        padding-top: 0;
        height: 360px;
    }
	.outsource-vertical-slider{ 
        height:auto !important;
        padding-bottom: 0;
    }

    .slider-wrap-left, 
    .outsource-vertical-slider .slider-wrap-left, 
    .outsource-vertical-slider .slider-wrap-right
    {
        border: 0;
    }
    .client {
        padding: 10px 0;
    }
  /*  .feedback .bx-wrapper {
        margin: 0 auto 20px;
    }*/
    .stats {
        padding: 30px 0 0px;
    }
    .flexslider2 .flex-viewport,
    .flexslider2 {
        height: 360px !important;
    }
    .flexslider2 ul li {
        padding: 15px 0;
    }
    /*new media qurery starts jan-18*/
    .navbar-services,
    .affix .navbar-services {
        width: 100%;
    }
    .affix .navbar-services {
        padding-right: 15px;
    }
    .affix .top-right-icons li {
        font-size: 12px !important;
    }
    .affix .collapse-button span {
        width: 30px;
    }
    .affix {
        height: 65px;
    }
    .affix .top-right-icons {
        display: none;
    }
    .top-right-icons {
        float: none !important;
    }
    .title-inner-pages,
    .title-inner-pages span,
    .our-latest-work-content .latest-work-heading {
        margin: 30px 0;
        margin-bottom: 20px;
        font-size: 32px !important;
    }
    .sub-pages-description {
        width: 100%;
    }
    /*
    .services-sub-page ul li {
        margin-bottom: 10px;
    }
*/
    .para-inner-pages,
    .services-sub-page .para-inner-pages,
    .model-follow p,
    .personal-items-design p,
    .windows-app-development p {
        text-align: justify;
        padding: 0;
    }
    .title-inner-pages:after {
        margin-top: 10px;
        height: 2px;
    }
    .latest-work-icons .no-padding {
        width: 100%;
        padding: 1px 0px;
    }
    .hovereffect .overlay {
        padding: 40px 0;
    }
    .latest-work-icons {
        width: 100%;
        padding: 30px 0px;
    }
    .hovereffect img {
        margin: 0 auto;
        width: 100%;
    }
    .latest-work-detail-page-content h2 {
        margin-bottom: 30px;
        margin-top: 0;
    }
    #custom_carousel .item .top {
        height: 200px;
    }
    #custom_carousel .carousel-inner {
        padding-bottom: 20px;
    }
    #custom_carousel .controls .nav {
        padding-top: 0px;
    }
    .latest-work-detail-page-content p,
    .what-we-seved,
    .latest-work-detail-page-btn {
        padding-bottom: 0;
        margin: 0;
    }
    .latest-work-detail-page-content {
        padding: 20px 0;
    }
    .what-we-seved ul li {
        background-size: 2% 60%;
    }
    .latest-work-detail-page-btn,
    .testimonial-side-bar {
        margin-top: 25px;
    }
    .address-side-bar ul li {
        padding: 10px 6px;
        width: 100%;
        margin-left: 0;
    }
    .contact-us-side-bar li a, 
    .contact-us-side-bar li {
        font-size: 11px !important;
    }
    .icon-address,
    .icon-phone,
    .icon-email,
    .icon-skype {
        background-position: 98% 46%;
        background-size: 5%;
    }
    .testimonial-img img {
        width: 130px;
    }
    .seprator {
        height: 30px;
    }
    .contact-us-page-content h2,
    .contact-us-page-content h2 span {
        margin-top: 20px;
        margin-bottom: 40px;
        font-size: 42px;
    }
    .contact-us-form {
        margin-left: 0;
    }
    .contact-us-form h4 {
        padding: 30px 0;
    }
    .contact .form-group {
        margin-bottom: 0;
    }
    .map {
        padding-top: 8px;
    }
    .map iframe {
        height: 230px;
    }
    .logo {
        width: 170px;
        height: 77px;
        margin-top: 50px;
        background-size: contain;
    }
    .tel {
        display: none;
    }
    .navbar-services {
        position: relative;
        top: 115px;
        text-align: center;
    }
    .affix .navbar-services {
        top: -3px;
    }
    /*
    .affix .navbar-services {
        display: none;
    }
*/
    #header .navbar.affix-top {
        margin-bottom: 0;
        border: 0;
    }
    .affix .logo-sticky-menu {
        top: 1px;
    }
    .affix .navbar-header .collapse-nav {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 65px;
    }
    .hexagon-wrap {
        border-bottom: 2px solid #f3c711;
        margin-bottom: 20px;
        padding-bottom: 15px;
        width: auto;
    }
    .design-content {
        padding: 30px 15px;
    }
    .design-content h2 {
        padding-bottom: 80px;
        font-size: 55px;
    }
    .hexagon-2 {
        margin-top: 80px;
    }
    .divider {
        background: none;
    }
    .hexagon-wrap h4 {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 15px 0;
        min-height: inherit;
    }
    .why-us .overlay-2 {
        padding: 30px 0 0;
    }
    .divider .hexagon-wrap:last-child {
        border-bottom: none;
    }
    .solution-tab-wrap .tab-content ul li {
        width: 100%;
        background: url(../../static/image/ft-li-bg.png) no-repeat left 10px;
        padding-left: 15px;
    }
    .solution-data p {
        margin-top: 20px;
        text-align: justify;
        line-height: 1.4;
    }
    .solution-data {
        width: 100%;
        padding-top: 50px;
    }
    .solution-data h2 {
        text-align: center;
        font-size: 38px;
    }
    .home-page-solution-content {
        display: flex;
        flex-direction: column;
    }
    .home-page-solution-content .solution-tabs {
        order: 1;
    }
    .latest-menu {
        padding: 0 2px;
        width: 100%;
        text-align: center;
    }
    .latest-content {
        margin-top: 80px;
    }
    .latest-work-wrap .overlay-4 {
        height: auto;
    }
    .home-page-btn a {
        display: block;
        padding: 15px;
    }
    #footer ul {
        width: 100%;
        padding: 0 15px 0 0;
    }
    .footer-logo {
        width: 180px;
        height: 80px;
        margin: 0 auto 15px;
        background-size: contain;
    }
    #footer .overlay {
        padding: 15px 0px 20px;
    }
    #footer .start-project {
        display: block;
        margin: auto;
        float: none;
    }
    #footer h5 {
        margin-top: 30px;
    }
    .blogs .date span {
        font-size: 36px;
    }
    #footer .blogs ul li {
        padding-bottom: 15px;
    }
    .address {
        margin-bottom: 25px;
    }
    #footer .social-icons p {
        float: none;
        text-align: center;
    }
    .circle-container .circlestat .circle-text {
        font-size: 40px !important;
        line-height: 140px !important;
    }
    .circliful {
        width: 140px !important;
    }
    .circliful canvas {
        width: 140px !important;
    }
    /*inner pages*/
    .slider-text {
        top: 215px;
        margin: 0;
    }
    .logo-inner-pages {
        width: 80px;
        height: 80px;
        margin-top: 44px;
        background-size: contain;
    }
    .inner-page-banner {
        height: 360px;
    }
    .slider-text .tag-line span {
        font-size: 14px;
        line-height: 1.4;
    }
    .services-icons ul li {
        width: 100%;
        background-position: center 24px !important;
        background-size: 15% !important;
        margin-bottom: 4px;
    }
    .services-icons-box {
        height: auto;
        padding: 0;
    }
    .services-icons ul {
        padding: 0 15px;
    }
    .icon-image {
        height: 100px !important;
    }
    .services-icons p {
        font-size: 16px;
        line-height: 24px;
        padding: 0 15px;
    }
    .services-icons {
        padding: 30px 0 0;
    }
    .heading-appraoch h2 {
        font-size: 36px !important;
        padding-top: 30px;
    }
    .services-page-black-btn .heading-appraoch p {
        font-size: 14px;
    }
    .pricing-website-page-content h2 {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .pricing-website-detail-table {
        padding-top: 50px;
    }
    .why-us h3,
    .open-source-custm-content .title-inner-pages span {
        margin: 0;
    }
    .open-source-custm-content .title-inner-pages,
    .development-services h4 {
        font-size: 24px !important;
    }
    .open-source-benefits h4 {
        font-size: 18px !important;
        font-weight: bold;
        text-align: left;
    }
    .services-sub-page .services-sub-title {
        font-size: 26px;
        padding: 40px 0 15px;
    }
    .dot-net-capabilities h5 {
        padding-top: 30px;
    }
    .development-services ul li {
        flex-basis: 50%;
        padding-left: 0 !important;
    }
    .services-sub-page ul li a {
        height: 160px;
    }
    .sub-pages-description ul li {
        padding-left: 15px;
    }
    .development-services ul,
    .branding-corporate-identity p,
    .error-desc {
        text-align: justify;
    }
    .major-cms h4 {
        font-size: 24px !important;
        font-weight: normal;
    }
    /*    for fancy scroll bar*/
    /* width */
    ::-webkit-scrollbar {
        width: 1px;
    }
    /* Track */
    ::-webkit-scrollbar-track {
        box-shadow: inset 0 0 5px #39393b;
        border-radius: 10px;
    }
    /* Handle */
    ::-webkit-scrollbar-thumb {
        background: #39393ba3;
        border-radius: 10px;
    }
    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover {
        background: #ffc40cbd;
    }
    /*for fancy scroll bar ends*/
    .table.pricing-website-table tr th {
        padding: 15px !important;
    }
    .services-sub-page {
        padding-bottom: 30px;
    }
    .error-404 .error-desc {
        margin-bottom: 10px;
    }
    .error-404 {
        padding: 50px 0;
    }
    .platinum-plan,
    .starter-plan,
    .professional-plan {
        width: 100%;
        margin: 0 auto;
        padding-top: 50px;
    }
    .pricing-table {
        padding: 0;
    }
    .pricing-branding-page-content {
        padding-bottom: 0;
    }
    .yellow-crusta.btn {
        line-height: 40px;
    }
    .side-bar-latest-post ul li,
    .side-bar-feature-posts ul li {
        display: flex;
        flex-direction: column;
    }
    .side-bar .search input[type='text'],
    .side-bar .search .btn-search {
        margin-left: 0;
    }
    .side-bar .search .btn-search {
        background-size: 80%;
    }
    .blogs-bg {
        height: 200px;
    }
    .blog-page-content h6 {
        font-size: 18px;
    }
    .our-blogs {
        margin-bottom: 30px;
        padding-bottom: 20px;
    }
    .pagination {
        margin: 6px 0px 30px;
    }
    .our-blogs p {
        padding: 20px 15px 0;
    }
    .blog-detail-page-btn {
        width: 100%;
        margin-bottom: 0;
    }
    a.black-btn.blog-detail-page-btn.pull-right {
        margin-bottom: 40px;
    }
    .blog-detail-center-img,
    .blog-detail-right-img {
        height: 260px;
    }
    
    .flexslider2, .solution-tab-wrap{
        margin-top: 0;
    }
    
/*    verticle-slider*/
    .slider-wrap-left, .slider-wrap-right{
        width: 100%;
    }

    /*pricing-table*/
    .pricing-branding-page-content h2 {
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .platinum-plan {
        padding-bottom: 50px;
    }

    /*slider-text*/
    .slider-text .tag-line span{
        display: inline-block;
        line-height: 1.3;
    }

    .pricing-head h4 {
        padding: 45px 0;
    }

    .outsource-page-slider .slider-wrap-left, 
    .outsource-page-slider .slider-wrap-right {
    width: 100%;
    }

    .outsource-page-slider .slider-wrap-left{
        padding-right: 20px;
    }

    .outsource_whyus h3{
        font-size: 38px;
    }

    .outsource_whyus h3 span{
        display: block;
    }

    /*web-design-page*/
    .get-in-touch, 
    .wireframe, 
    .seo-implementation{
       display: none;
       /* width: 100%;
        order: 1;
        display: flex;
        justify-content: flex-end;*/
    }
    .web-design-para h4 {
        height: 50px;
        padding-left: 50px;
        display: flex;
        align-items: center;
    }
    .get-in-touch-para h4 {
        background: url(../../static/image/icon-get-touch.png)no-repeat;
        background-size: 15%;
    }
    .market-research-para h4 {
        background: url(../../static/image/icon-market-reserach.png)no-repeat;
        background-size: 15%;
    }
    .wireframe-para h4 {
        background: url(../../static/image/icon-wireframe.png)no-repeat;
        background-size: 15%;
    }
    .mock-ups-para h4 {
        background: url(../../static/image/icon-mock-ups.png)no-repeat;
        background-size: 15%;
    }
    .seo-implementation-para h4 {
        background: url(../../static/image/icon-seo-implemention.png)no-repeat;
        background-size: 15%;
    }
    .satisfaction-delivered-para h4 {
        background: url(../../static/image/icon-satisfaction-delivered.png)no-repeat;
        background-size: 15%;
    }

    .web-design-para {
        width: 100%;
    }

    .row-padding{
        padding: 0;
    }

    .circle-numbers {
        font-size: 100px;
    }

    .img-box {
       background-size: 50% !important;
    }

    .txt-left p, .txt-right p {
        padding-bottom: 15px;
    }

    .text-right{
        display: none;
        /*display: flex;
        justify-content: flex-end;
        width: 100%;*/
    }

    .web-design-process-numbers-right {
        text-align: right;
    }
}

@media only screen and (min-device-width: 479px) and (max-device-width: 767px) and (orientation: landscape) {
 
   #menu .scrollbox nav ul li {
    line-height: 25px;
    width: 49%;
    display: inline-block;
}

#menu .menu-media a{
    padding-top: 40px;
}

#menu .menu-logo{
    height: 70px;
    width: 70px;
}

#menu .menu-media{
    margin: 15px 0;
}


}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {

 .img-box {
    height: 160px;
    width: 160px;
 } 
 .menu-social-icon li a{
    width: 30px;
    height: 28px;
    display: block;
    padding: 0;
}

  .menu-logo{
    width: 80px;
    height: 80px;
    margin: 0 auto;
    display: inline-block;
    background-size: cover;
    background-position: top right;
    margin-left: 70px;
}
.menu-online,
.menu-email, 
.menu-phone{
    width: 32%;
    display: inline-block;
    margin: 0 auto !important;
    height: auto !important;
    padding-top: 35px;
    font-size: 10px;
    background-size: 20%;
}

.menu-media {
    text-align: center;
    display: inline-block;
    margin: 10px 0px 10px;
    width: 60%;
}

#menu .overlay{
    padding: 10px 0px 40px 0px;
}

nav li a{
    padding: 1px 0px ;
    font-size: 15px;
    display: block;
}

.menu-footer .start-project {
    height: auto;
    line-height: 24px;
    font-size: 13px;
    padding: 0;
}

.menu-social-icon li a{
    width: 30px;
    height: 28px;
    display: block;
}

}

/*----------------------------------------Media qureis ends--------------------------------------*/