.navbar-static-top {margin-bottom: 19px;}
html, body {
    height: 100% !important;
    margin: 0;
}
p {
    font-size: 18px;
    line-height: 1.7;
    margin: 0 0 15px;
	 font: 300  18px 'Lato', sans-serif;
}
body {font-family: 'Lato', sans-serif;}
.main{min-height: 100%;background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/categories.jpg);background-repeat:no-repeat;background-size: cover;background-position: center center;background-attachment: fixed;}

.home{padding-top: 15vh;color:#fff;}


.home p {font-size:20px;line-height: 1.6;}
h2, .h2 {font: 500  45px 'Lato', sans-serif;}
.logo{    max-width: 30px;}
.navbar-fixed-top
{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#services{background:#15C4E0;color:#fff;text-align:center;    padding: 50px 0px;}
#services .icon{font-size: 50px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;}

#about .odd-col{padding: 100px 15px;}
.odd-col{background:#bb45f2;color:#fff;}
.btn-primary.out{color: #ffffff;background-color: transparent;border: 2px solid #15C4E0;}
.btn-odd.out{color: #ffffff;background-color: transparent;border: 2px solid #bb45f2;}

.btn-primary{color: #ffffff;background-color: #15C4E0;border: 2px solid #15C4E0;}
.btn-odd{color: #ffffff;background-color: #bb45f2;border: 2px solid #bb45f2;}

#contact{    padding: 130px;}
#contact h5,#contact h6 {text-align: center;}
#contact p {text-align: center;}
.footer{background-color: #010101;color: #fff;font-size: 15px;padding: 0;text-align: center;padding: 10px 0px;}
.btn-odd:hover, .btn-odd.hover, .btn-odd:focus, .btn-odd:active, .btn-odd.active, .open > .dropdown-toggle.btn-odd {background-color:#bb45f2;border: 2px solid #bb45f2;}	
.btn-primary:hover, .btn-primary.hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {background-color:#15C4E0;border: 2px solid #15C4E0;}	
	.iphone-mockup{    background-size: 425px 850px;
    background-repeat: no-repeat;
    background-image: url(../images/owl/mockup.png);
    max-width: 425px;
    height: 880px;
    background-position: center center;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.owl-carousel {
    max-width: 350px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 6px;
  
}
.owl-carousel .owl-item img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 21px;
    padding-left: 2px;
}
.owl-carousel .owl-item{margin-right:0px;margin-left:0px !important;padding-top: 100px;}
.owl-dots
{
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 60px;
	display:none;
}



	.logo img{max-width: 300px;
    float: none;
    margin-left: auto;
    margin-right: auto;
    display: block;}


.get .get-app{}
#try
{
	background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(../images/resturant.jpg);

    /* padding: 100px 0px; */
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 130px;}
#try img
{
	max-width: 200px;
	    float: left;

}
#try h2 {
    text-align: center;
    color: #fff;
    margin-bottom: 45px;
}
.devices-btns
{
max-width: 430px;
    margin: 0 auto;
    text-align: center;
    float: none;
}
@media (min-width: 768px)
{
	.affix-top  a {color:#fff;}
	.affix{background:#fff;}
	.affix  a {color:#444;}
	.home h2{    margin-top: 15vh;}
}
@media(max-width:767px)
{
	.intro{text-align:center;}
	.navbar  a {color:#444;}
	.navbar{background:#fff;}
.iphone-mockup {
background-size: 310px 615px;
    max-width: 310px;
    height: 660px;
	}
	.owl-carousel .owl-item img{padding-top:0px;}
	
.owl-carousel {
    max-width: 255px;
	}
	#contact{padding:10px 0px;}
	#try {    padding: 20px;}
	#try img {
		max-width: 160px;
	}
	#try h2 {margin-bottom:20px;font-size: 22px;}
}