/*------------------------------------------*/
/*	       Max Width "1366px"
/*------------------------------------------*/
@media(max-width:1366px) {
p.para {
	line-height: 25px;
	font-size: 15px;
}
.about-heading h3 {
	font-size: 18px;
}
.container-intro {
	margin: 0 auto;
	width: 100%;
}
}

/*------------------------------------------*/
/*	       Max Width "1024px"
/*------------------------------------------*/

@media(max-width:1024px) {
img.img-circle.team-img {
	width: 200px;
	height: 200px;
}
.about-pic img {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.join-us .carousel h1 {
	font-size: 35px;
}
.feature-content img {
	margin-top: 45px;
}
.section-title h2, .section-title.center h2 {
	font-size: 35px
}
}




/*------------------------------------------*/
/*	       Max Width "980px"
/*------------------------------------------*/

@media (max-width: 980px) {
.container {
	width: 100%;
}
.navbar-toggle {
	color: #000;
	font-size: 21px;
}
.feature-content img {
	margin-top: 55px;
}
.demo-head {
	display: none;
}
#main-centent-ii {
	padding: 70px 0 70px 0;
}
.navbar-nav > li > a {
	font-size: 11px;
}
.header-text h1 {
	font-size: 60px;
}
}

/*------------------------------------------*/
/*	       Max Width "900px"
/*------------------------------------------*/

@media (max-width:900px) {
.navbar-header {
	text-align: center;
	float: none
}
.navbar-brand {
	display: inline-block;
	float: none;
	text-align: center;
}
.navbar-right {
	float: none;
	width: 100%;
	text-align: center;
}
.navbar-nav {
	float: none;
}
.navbar-nav > li {
	display: inline-block;
	float: none;
	text-align: center;
}
.navbar-nav > li > a {
	padding: 7px 11px;
}
.top-nav-collapse .navbar-nav  li  a {
	padding: 7px 8px;
	
}
.feature-box {
	width: 98%;
	margin-bottom: -15px;
}
.feature-content img {
	margin-top: 0px;
	background-image: none;
	display: none;
	margin: 0px;
	padding: 0px;
}
.feature-icon-left-more .feature-content {
	padding-left: 90px;
	padding-bottom: 20px;
	padding-top: 35px;
	text-align: left;
	padding-right: 0px;
}
.feature-icon-left-more .feature-icon i.fa {
	float: left;
}
.feature-icon-left-more-app .feature-content {
	padding-left: 90px;
	padding-bottom: 20px;
	padding-top: 35px;
	text-align: left;
	padding-right: 0px;
}
.feature-icon-left-more-app .feature-icon i.fa {
	float: left;
	font-size: 28px;
	color: #000;
	margin: 50px 0 0 0;
	height: 55px;
	width: 55px;
	padding: 14px 0 0 0;
	border-radius: 10%;
	border: 1px solid #000;
}
.navbar-nav > li > a {
	font-size: 9px;
}
.intro-heading {
	font-size: 25px;
}
.log_in_logo img {
}
.log_in_box {
	width: 100%;
}
.data table td, .data table th {
	padding: 10px;
}
.btn-t {
	padding: 2px;
	font-size: 12px;
	display: block;
}
.data table th {
	font-size: 12px;
}
}
/*------------------------------------------*/
/*	       Max Width "768px"
/*------------------------------------------*/
@media (max-width: 768px) {
.navbar-nav > li > a {
	font-size: 12px;
}
.section-title h2, .section-title.center h2 {
	font-size: 35px;
	line-height: normal;
}
.main-para {
	font-size: 25px;
}
.feature-content img {
	margin-top: 0px;
	background-image: none;
	display: none;
	margin: 0px;
	padding: 0px;
}
.feature-box {
	width: 98%;
	margin-bottom: 15px;
	margin-top: -16px
}
.top-btn-c {
	font-size: 20px;
	margin-bottom: 25px;
}
.join-us .carousel h1, .offer p {
	font-size: 30px;
}
.nav-tabs > li > a {
	font-size: 15px;
	padding: 20px;
	width: 100%;
}
.accordion-inner h4 {
	margin-top: 10px;
}
.tab-wrap .media .pull-left {
	clear: both;
	width: 100%;
}
.tab-wrap .media .media-body {
	clear: both;
}
.nav-tabs > li.active > a:after {
	display: none;
}
.parrent pull-left {
	width: 100%;
}
.header .intro-text .intro-heading {
	font-size: 25px;
}
.feature-icon-left-more-app .feature-content {
	padding-left: 90px;
	padding-bottom: 20px;
	padding-top: 35px;
	text-align: left;
	padding-right: 0px;
}
.feature-icon-left-more-app .feature-icon i.fa {
	float: left;
	font-size: 28px;
	color: #000;
	margin: 50px 0 0 0;
	height: 55px;
	width: 55px;
	padding: 14px 0 0 0;
	border-radius: 10%;
	border: 1px solid #000;
}
.about-img-bus-p {
	margin: 40px 0 0 0;
}
.about-img-bus-f {
	margin: 40px 0 0 0;
}
.about-cor-a {
	height: 500px;
}
.about-cor-b {
	height: 500px
}
.about-ag-a {
	height: 500px;
}
.about-ag-b {
	height: 500px;
}
.about-img-bus-w {
	height: 650px;
}
.about-img-bus-p {
	height: 650px;
}
.about-img-bus-f {
	height: 650px;
}
.about-ag-a {
	height: 510px;
}
.about-ag-b {
	height: 510px;
}
.about-ma-a {
	height: 510px;
}
.about-text-bus {
	padding-bottom: 60px;
}
.intro-text .intro-heading {
	font-size: 30px;
}
.o-demos {
	font-size: 30px;
}
.intro-heading-s {
	font-size: 18px;
}
.intro-text .intro-lead-in {
	font-size: 13px;
}
#intro-bg {
	padding: 120px 0 150px 0;
}
#more-demos {
	padding: 60px 0 60px 0;
}
header .intro-text .intro-heading {
	font-size: 35px;
}
.feature-icon-left-more .feature-content {
	padding-left: 90px;
	padding-bottom: 20px;
	padding-top: 35px;
	text-align: left;
	padding-right: 0px;
}
.feature-icon-left-more .feature-icon i.fa {
	float: left;
}
.list-demos {
	font-size: 13px;
}
.skill {
	width: 100%;
}
p.para {
	font-size: 14px;
}
.about-heading {
	margin-top: 1px;
}
.feature-box h4 {
	font-size: 18px;
}
#awesome-features {
	padding: 70px 0 70px 0;
}
#Portfolio {
	padding: 70px 0 70px 0;
}
#services-icon {
	padding: 70px 0 70px 0;
}
#Pricing {
	padding: 70px 0 70px 0;
}
#testimonials {
	padding: 70px 0 70px 0;
}
#blog {
	padding: 70px 0 70px 0;
}
#services {
	padding: 70px 0 70px 0;
}
#awesome-features-y {
	padding: 70px 0 70px 0;
}
.para-tex {
	font-size: 16px;
}
.clients-name {
	font-size: 22px;
}
#awesome-features-freelancer {
	padding: 70px 0 70px 0;
}
#resume {
	padding: 70px 0 70px 0;
}
#contact {
	padding: 70px 0 70px 0;
}
#mobile-apps {
	padding: 70px 0 70px 0;
}
#awesome-features-app {
	padding: 70px 0 70px 0;
}
#apps-screen {
	padding: 70px 0 70px 0;
}
#Pricing-app {
	padding: 70px 0 70px 0;
}
#client {
	padding: 70px 0 70px 0;
}
#team {
	padding: 70px 0 70px 0;
}
#design {
	padding: 70px 0 70px 0;
}
#services-box {
	padding: 70px 0 70px 0;
}
.startup {
	padding: 70px 0 70px 0;
}
.join-us {
	padding: 70px 0 70px 0;
}
#skills {
	padding: 70px 0 70px 0;
}
#design {
	padding: 70px 0 70px 0;
}
#tab {
	padding: 70px 0 70px 0;
}
.Demo {
	padding: 70px 0 70px 0;
}
.timeline .timeline-heading h4 {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 15px;
	line-height: 25px;
}
.email h2 {
	font-size: 20px;
}
.phone h2 {
	font-size: 20px;
}
.money h2 {
	font-size: 20px;
}
.pricing-area h1 {
	font-size: 18px;
}
.pricing-area h1 span {
	font-size: 18px;
}
.achivement-box h4 {
	font-size: 12px;
}
#mobile-apps h2 {
	font-size: 35px;
}
.btn-intro {
	font-size: 16px;
	max-width: 220px;
}
.about-cor {
	padding: 2px;
}
.about-text {
	padding: 2px;
}
.services-icon-wrap {
	padding: 10px;
}
.services-icon-wrap h3 {
	font-size: 16px;
}
.navbar-nav > li > a {
	font-size: 9px;
}
footer h5 {
	padding: 5px;
	margin: 20px 0 0 0;
}
footer .subscribe_now form {
	margin-left: 20px;
}
.newsletter-content .button {
	font-size: 12px;
}
}


/*------------------------------------------*/
/*	       Max Width "767px"
/*------------------------------------------*/
@media (max-width: 767px) {
.navbar-brand {
	display: block;
	margin-left: 25px;
}
.dropdown:hover.dropdown:focus .dropdown-menu {
	display: block;
	-webkit-animation: fadeInUp 400ms;
	animation: fadeInUp 400ms;
	width: 100%;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
	margin-left: 0px;
	margin-right: 0px;
}
.navbar-collapse {
	margin-right: 0px;
	margin-left: 0px;
	background: #000;
}
.dropdown-menu > li > a {
	width: 100%;
}
.navbar-nav > li {
	display: block;
}
.navbar-nav > li > a {
	font-size: 9px;
}
}

/*------------------------------------------*/
/*	       Max Width "480px"
/*------------------------------------------*/
@media (max-width: 480px) {
#rotate-services {
	padding: 30px 0 30px 0;
}
.top-btn-text {
	font-size: 15px;
}
.btn-download-w {
	padding: 12px 15px;
	font-size: 15px;
}
.about-ag-a {
	height: 300px;
}
.navbar-custom {
	padding: 7px 3px;
}
.btn-download {
	max-width: 200px;
	font-size: 16px;
}
.btn-get {
	font-size: 16px;
	max-width: 200px;
}
.about-ag-b {
	height: 300px;
}
#main-centent {
	padding: 45px 0 45px 0;
}
.main-para {
	font-size: 20px;
}
.list-demos {
	font-size: 14px;
	line-height: 25px;
}
.join-us .carousel h1, .offer p {
	font-size: 35px;
}
.para-tex {
	font-size: 14px;
}
.clients-name {
	font-size: 18px;
}
.about-img-bus-w {
	height: 300px;
}
.about-img-bus-p {
	height: 300px;
	margin: 40px 0 0 0;
}
.about-img-bus-f {
	height: 300px;
	margin: 40px 0 0 0;
}
.about-ma-a {
	height: 300px;
}
.feature-icon-left-more .feature-icon i.fa {
	float: left;
}
.main-area h1 {
	font-size: 16px;
	line-height: 25px;
}
.about-ma-a {
	height: 300px;
}
.feature-content {
	background-image: none;
}
.feature-icon-left-more .feature-content {
	padding-left: 90px;
	padding-bottom: 20px;
	padding-top: 35px;
	text-align: left;
	padding-right: 0px;
}
.btn-download-black {
	width: 170px;
}
.section-title.freelancer h2 {
	font-size: 30px;
	width: 270px;
}
.feature-icon-left-more-app .feature-content {
	padding-left: 90px;
	padding-bottom: 20px;
	padding-top: 35px;
	text-align: left;
	padding-right: 0px;
}
.feature-icon-left-more-app .feature-icon i.fa {
	float: left;
	font-size: 28px;
	color: #000;
	margin: 50px 0 0 0;
	height: 55px;
	width: 55px;
	padding: 14px 0 0 0;
	border-radius: 10%;
	border: 1px solid #000;
}
.join-us-app h1 {
	font-size: 40px;
}
.about-cor-a {
	height: 300px;
}
.about-cor-b {
	height: 300px
}
#services h2 {
	font-size: 30px;
}
.intro-text .intro-heading {
	font-size: 30px;
}
.o-demos {
	font-size: 30px;
}
.intro-heading-s {
	font-size: 18px;
}
.intro-text .intro-lead-in {
	font-size: 13px;
}
#intro-bg {
	padding: 120px 0 150px 0;
}
header .intro-text .intro-heading {
	font-size: 30px;
}
.iphone h3 {
	font-size: 15px;
}
.playstore h3 {
	font-size: 15px;
}
.windows h3 {
	font-size: 15px;
}
.iphone h2 {
	font-size: 13px;
}
.playstore h2 {
	font-size: 13px;
}
.windows h2 {
	font-size: 13px;
}
.join-us-app h1 {
	font-size: 30px;
}
.join-us .carousel h1, .offer p {
	font-size: 30px;
}
.feature-icon-left-more-y .feature-icon-y i.fa {
	margin: 70px 20px 0 10px;
}
.s-13 {
    font-size: 11px;
    line-height: 18px;
}
}

/*------------------------------------------*/
/*	       Max Width "360px"
/*------------------------------------------*/

@media (max-width: 360px) {
.about-cor-a {
	height: 250px;
}
.about-cor-b {
	height: 250px
}
.navbar-collapse.in {
	overflow: auto;
}
.join-us .ceo {
	height: 250px;
}
.join-us .ceo2 {
	height: 250px;
}
.join-us .ceo3 {
	height: 250px;
}
.btn-get {
	font-size: 16px;
	max-width: 200px;
	margin-left: 0px;
	margin-top: 0px;
}
}

/*------------------------------------------*/
/*	       Max Width "320px"
/*------------------------------------------*/

@media (max-width: 320px) {
.about-cor-a {
	height: 250px;
}
.about-cor-b {
	height: 250px
}
}

/*------------------------------------------*/
/*	       Min Width "768px"
/*------------------------------------------*/



/*------------------------------------------*/
/*	       Min Width "768px"
/*------------------------------------------*/

@media(min-width:768px) {
.navbar-custom-i {
	padding: 14px 30px;
	border-bottom: 0;
	border-top: 3px solid #0bbae0;
	background: #333;
}
.navbar-custom {
	padding: 25px 30px;
	border-bottom: 0;
	background: none;
	-webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
	border-top: 5px solid #f00;
	-moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
	transition: background .5s ease-in-out, padding .5s ease-in-out;
}
.no-br{
	border-top:none !important;
}
.navbar-custom.top-nav-collapse {
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
	z-index:10000;
	padding: 11px 30px;
}
.navbar-custom .navbar-brand {
	margin-top: 6px;
	background: url(../img/logo.png) no-repeat;
	width: 125px;
	height: 39px;
}
.navbar-custom.top-nav-collapse .navbar-brand {
	margin-top: 11px;
	background: url(../img/logo-in.png) no-repeat;
	width: 130px;
	height: 39px;
}
.navbar-custom .navbar-brand .navbar-toggle li a:active {
	outline: 0;
	color: #0592f4;
	border-bottom: 5px solid #ffffff;
}
.navbar-custom.top-nav-collapse .navbar-brand .navbar-toggle li a:active {
	outline: 0;
	color: #0592f4;
	border-bottom: 5px solid #ffffff;
}
.navbar-custom.top-nav-collapse a {
	color: #000
}
.top-nav-collapse.btn-donate a {
	color: #fff !important;
}
.navbar-toggle {
	background: #ff0035 none repeat scroll 0 0;
	border: 1px solid transparent;
	border-radius: 10px;
	float: right;
	font-size: 20px;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 8px 22px;
	position: relative;
}
.navbar-nav > li.active > a {
	color: #fff;
    transition: all 300ms ease-in-out 0s;
    background: #00bb90;
   
}
.navbar-nav > li.active.instal > a {
	color: #fff;
    transition: all 300ms ease-in-out 0s;
    background: #453d91;
}
.navbar-nav > li.active.antivi > a {
	color: #fff;
    transition: all 300ms ease-in-out 0s;
    background: #c75454;
}
.navbar-nav > li.active.spares > a {
	color: #fff;
    transition: all 300ms ease-in-out 0s;
    background: #39a966;
}
.navbar-nav > li.active.repairs > a {
	color: #fff;
    transition: all 300ms ease-in-out 0s;
    background: #1f7595;
}
.navbar-nav > li.active.amc-fms > a {
	color: #fff;
    transition: all 300ms ease-in-out 0s;
    background: #b89d3b;
}
.navbar-nav > li.active.cont-act > a {
	color: #fff;
    transition: all 300ms ease-in-out 0s;
    background: #ff5f2c;
}
.navbar-nav.top-nav-collapse > li.active > a {
	color: #0bbae0;
}
.video-iframe {
	top: 25px;
	left: 76px;
	width: 279px;
	height: 175px;
}
.modal-dialog {
	width: 100%;
	max-width: 960px;
	margin: 50px auto;
}
.timeline:before {
	left: 50%;
}
.timeline>li {
	margin-bottom: 100px;
	min-height: 100px;
}
.timeline>li .timeline-panel {
	float: right;
	width: 90%;
	padding: 30px 20px 20px 30px;
	text-align: left;
	background: #fff;
	border: 1px solid #cfcfcf;
}
.timeline>li .timeline-image {
	left: 10px;
	width: 80px;
	height: 80px;
	top: -2px;
}
.timeline>li .timeline-image h4 {
	margin-top: 26px;
	line-height: 16px;
	font-weight: 600;
	font-size: 16px;
}
.timeline>li.timeline-inverted>.timeline-panel {
	float: right;
	padding: 30px 30px 20px 20px;
	text-align: left;
}
}


.fig-caption {
    top: 50%;
    left: 50px;
    right: 50px;
    position: absolute;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 99999;
}

.service:hover:before, .service.hover:before, .service:hover:after, .service.hover:after {
    opacity: 0.8;
    background: rgba(243, 243, 243, 0.93);
    color: #242424;
	z-index:1;
	
     padding: 10px 0px;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.service:before {
    border-top: 2px solid #009fd6;
    border-bottom: 2px solid #009fd6;
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
	
}
.service:after {
    border-right: 2px solid #009fd6;
    border-left: 2px solid #009fd6;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
}

.service:before, .service:after {
    position: absolute;
    top: 43px;
    right: 15px;
    bottom: 43px;
    left: 15px;
    content: '';
    opacity: 0;
    box-shadow: 0 0 0 30px rgba(255, 255, 255, 0.15);
    transition: opacity 0.5s ease 0s, -webkit-transform 0.5s ease 0s, -moz-transform 0.5s ease 0s, -o-transform 0.5s ease 0s, transform 0.5s ease 0s;
}

.service .fig-caption h4, .service .fig-caption p, .service .fig-caption hr, .service .fig-caption a {
    margin: 0;
    opacity: 0;
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.service .fig-caption hr{
	margin-top: 10px;
    margin-bottom: 15px;
    width: 25%;
    margin-left: 37%;
    /* position: relative; */
    /* left: 37%; */
	
	  
}
.service .fig-caption p{
	margin-bottom:20px;
}
.service:hover .fig-caption h4, .service.hover .fig-caption h4, .service:hover .fig-caption p, .service.hover .fig-caption p, .service:hover .fig-caption hr, .service.hover .fig-caption hr, .service:hover .fig-caption a, .service.hover .fig-caption a {
    color: #242424;
    border-color: #009fd6;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
}
.service .fig-caption .btn-small{
	color:#fff !important;
}
.service .fig-caption .btn-small:hover{
	color:#000 !important;
}
.abt{
	background:none;
	color:#009fd6;
	padding:0px;
	border:0px;
	margin-left:20px;
}
footer .quick_links ul li i{
	padding-right:5px;
}

.ser-box, .ser-box1, .ser-box2, .ser-box2, .ser-box3, .ser-box4, .ser-box5{
	
	position:relative;
	
}

.ser-box:before{
    background: rgba(59, 51, 140, 0.95);
	position:absolute;
	content:'';
	width:100%;
	height:100%;
}
.ser-box h4 {
        text-transform: uppercase;
    transition: all 0.5s;
    margin-top: 0px;
    font-size: 25px;
    display: block;
    position: absolute;
  /*  background: #000;*/
    width: 100%;
    padding: 10px 0px;
    color: #fff;
    margin-bottom: 20px;
    top: 40%;
    /* left: 38%; */
    vertical-align: middle;
}

.ser-box1:before{
    background: rgba(197, 75, 75, 0.95);
	position:absolute;
	content:'';
	width:100%;
	height:100%;
}
.ser-box1 h4 {
        text-transform: uppercase;
    transition: all 0.5s;
    margin-top: 0px;
    font-size: 25px;
    display: block;
    position: absolute;
  /*  background: #000;*/
    width: 100%;
    padding: 10px 0px;
    color: #fff;
    margin-bottom: 20px;
    top: 40%;
    /* left: 38%; */
    vertical-align: middle;
}

.ser-box2:before{
    background: rgba(39, 140, 140, 0.95);
	position:absolute;
	content:'';
	width:100%;
	height:100%;
}
.ser-box2 h4 {
        text-transform: uppercase;
    transition: all 0.5s;
    margin-top: 0px;
    font-size: 25px;
    display: block;
    position: absolute;
  /*  background: #000;*/
    width: 100%;
    padding: 10px 0px;
    color: #fff;
    margin-bottom: 20px;
    top: 40%;
    /* left: 38%; */
    vertical-align: middle;
}

.ser-box3:before{
    background: rgba(47, 165, 94, 0.95);
	position:absolute;
	content:'';
	width:100%;
	height:100%;
}
.ser-box3 h4 {
        text-transform: uppercase;
    transition: all 0.5s;
    margin-top: 0px;
    font-size: 25px;
    display: block;
    position: absolute;
  /*  background: #000;*/
    width: 100%;
    padding: 10px 0px;
    color: #fff;
    margin-bottom: 20px;
    top: 40%;
    /* left: 38%; */
    vertical-align: middle;
}


.ser-box4:before{
    background:  rgba(19, 110, 144, 0.95);
	position:absolute;
	content:'';
	width:100%;
	height:100%;
}
.ser-box4 h4 {
        text-transform: uppercase;
    transition: all 0.5s;
    margin-top: 0px;
    font-size: 25px;
    display: block;
    position: absolute;
  /*  background: #000;*/
    width: 100%;
    padding: 10px 0px;
    color: #fff;
    margin-bottom: 20px;
    top: 40%;
    /* left: 38%; */
    vertical-align: middle;
}


.ser-box5:before{
    background: rgba(181, 152, 49, 0.95);
	position:absolute;
	content:'';
	width:100%;
	height:100%;
}
.ser-box5 h4 {
        text-transform: uppercase;
    transition: all 0.5s;
    margin-top: 0px;
    font-size: 25px;
    display: block;
    position: absolute;
  /*  background: #000;*/
    width: 100%;
    padding: 10px 0px;
    color: #fff;
    margin-bottom: 20px;
    top: 40%;
    /* left: 38%; */
    vertical-align: middle;
}
.b-t .navbar-custom.top-nav-collapse{
	display:none;
}

@media (max-width: 991px){
	footer .subscribe_now {
     padding-left: 15px; 
}
.low-back-gradient-inner {
    position: relative;
    padding-top: 70px;
}
.navbar-custom {
   
    padding: 7px 0px;
}
.abt-sti {
    position:inherit;
   
}


}
@media (max-width: 767px){
	.low-back-gradient-inner {
  
    padding-top: 100px;
}

}

@media (min-width: 800px) and (max-width:980px){
	.ser-box:before, .ser-box1:before, .ser-box2:before, .ser-box3:before, .ser-box4:before, .ser-box5:before{
 
    left: 0px;
	}
	.top-nav-collapse .navbar-nav  li  a {
	padding: 7px 8px;
	
}

	
}
@media (min-width: 412px) and (max-width:767px){
	.ser-box:before, .ser-box1:before, .ser-box2:before, .ser-box3:before, .ser-box4:before, .ser-box5:before{
		left:0px;
	}
	
}
@media (min-width: 992px) and (max-width:1199px){
	.s-13 {
    font-size: 11px;
    line-height: 18px;
}
.low-back-gradient-inner {
    position: relative;
    padding-top: 70px;
}

	
}
@media (min-width: 901px) and (max-width:1199px){
	.navbar-header {
    text-align: center;
    float: none;
}
	
}
@media (min-width: 981px) and (max-width:991px){
.navbar-custom .container {
    width: 970px;
}	
}
@media (max-width: 767px){
.navbar-header img{
	    left: 40px;
    position: absolute;
}
}
@media (max-width: 767px){
.navbar-header.hm img{
	  
    position:inherit
}
}