/*Responsive CSS*/

@media (max-width: 479px) {
    h2 {
        font-size: 30px;
		text-align:center;
    }
    .marked-list {
        padding-left: 0px;
    }
    #map {
        height: 640px !important;
    }
    .choose_us_txt {
        padding-left: 0px;
    }
    .mb50 {
        margin-bottom: 30px;
    }
    #packages .mb50 {
        margin-bottom: 50px;
    }
    #subscribe p {
        padding: 15px 15px 0;
    }
    .screenshot .owl-theme .owl-controls {
        margin-top: 0px;
    }
    #testimonials h3{
        padding-top: 30px;
    }
    #key-feature .box {
        margin-bottom: 10px;
    }
    #quetions .btn {
        margin-bottom: 15px;
    }
    .video-play-icon a {
        border-radius: 100px;
        font-size: 18px;
        height: 50px;
        margin-top: -30px;
        padding: 12px 20px;
        width: 50px;
    }
    .mb40 {
        margin-bottom: 30px;
    }
    .video-img-block {
        margin-bottom: 0px;
    }
    #screenshots .owl-carousel .owl-stage-outer {
        margin-bottom: 20px;
    }
    #subscribe h2 {
        margin-bottom: 10px;
    }
}
@media (max-width: 650px) {
    .mob_connection {
        display: block !important;
    }
     .navbar-nav {
        float: none !important;
    }
}
@media (max-width: 768px) {
	.mob-menu{
		margin:7px 0;
	}
    .sidebar-btn {
        display: none;
    }
    .marked-list {
        padding-left: 0px;
    }
    .brand-logo img {
        width:50px;
		margin-left: 30px;
    }
    #header,
    #magical_feature,
    #work,
    #feature-desc,
    #key-feature,
    .video-jarallax,
    #why_us,
    #screenshots,
    .testimonial-jarallax,
    #team,
    #packages,
    #tweet,
    #quetions,
    #subscribe,
    #footer,
    #some_facts {
        padding: 50px 0;
    }
    #screenshots .owl-carousel .owl-stage-outer {
        margin-bottom: 20px;
    }
}
@media (min-width: 320px) and (max-width: 479px) {
    .video-play-icon a{
		left:50%;
		margin-left:-27px;
	}
	.mob-logo {
        text-align: center;
    }
    .navbar-nav {
        float: none !important;
    }
    #header h1 {
        font-size: 52px;
    }
    #header p {
        font-size: 30px;
    }
    #feature-desc {
        padding-top: 50px;
    }
    #key-feature {
        padding-bottom: 50px;
    }
    .mb_margin0 {
        margin-bottom: 0px;
    }
    .mb_margin30 {
        margin-bottom: 30px;
    }
    #some_facts {
        padding-bottom: 50px;
    }
    .team-block {
        margin-bottom: 30px;
    }
    .team-block:last-child {
        margin-bottom: 0px;
    }
    .tweet_slider {
        padding-right: 20px;
        padding-left: 20px;
    }
    .btn-wrap {
        left: 0;
        width: auto;
        margin-bottom: 20px;
        top: 2em;
    }
    .icon-block {
        text-align: center;
    }
    .pkgs li {
        display: block;
        width: 90%;
    }
    .pricing-table .price {
        font-size: 52px;
    }
    .set-submit-box {
        display: block;
        margin: 0 auto 20px;
        text-align: center;
        width: 90%;
    }
    .contact-form {
        padding: 90px 30px;      
        width: 290px;
    }
    .contact img {
        height: 550px;
    }
    .mob-circle,
    .mob-pkg {
        margin: 30px 0;
    }
    .modal-center {
        width: 335px;
        margin-left: -12em;
        margin-top: -11em;
    }
    .modal-center h2 {
        font-size: 25px;
    }
    .cd-stretchy-nav.add-content {
        transform: translateY(3em) translateX(0em);
    }
    .sidebar.right {
        width: 310px;
    }
    .sidebar-login-top::before {
        border-width: 25px 169px 0;
        top: 50px;
    }
    .sidebar-login {
        padding-left: 20px;
    }
    .side-app {
        margin-bottom: 20px;
    }
    .mobile-sidebar {
        display: inline-block;
        left: 0;
        position: absolute;
    }
    .mobile-sidebar-none {
        display: none;
    }
    .mob-login-modal-btn {
        margin-bottom: 20px;
    }
     .set-wrapper{
        display: flex !important;
    }
    .testimonials blockquote{
        font-size: 17px;
    }
}
@media (min-width: 360px) and (max-width: 479px) {
    .mob-logo {
        text-align: center;
    }
    .cd-stretchy-nav.add-content {
        transform: translateY(0em) translateX(0em);
    }
    .modal-center {
        margin-top: -14em;
    }
    .sidebar-login {
        padding-left: 20px;
    }
    .set-wrapper{
        display: flex !important;
    }
    .side-app {
        margin-bottom: 20px;
    }
    .mobile-sidebar {
        display: inline-block;
        left: 0;
        position: absolute;
    }
    .mobile-sidebar-none {
        display: none;
    }
    .testimonials blockquote{
        font-size: 18px;
    }
    .contact-form{
        width: 330px;
        padding: 87px 30px;
    }
}
@media (min-width: 490px) and (max-width: 639px) {
    #header .btn-wrap{
        margin-bottom: 50px;
    }
    .mb_margin0{
        margin-bottom: 0px;
    }
    .pricing-table .price{
        font-size: 72px;
    }
    #screenshots .owl-carousel .owl-stage-outer {
        margin-bottom: 25px;
    }
    .screenshot .owl-theme .owl-controls{
        margin-top: 0px;
    }
    #quetions .btn{
        margin-bottom: 10px;
    }
    #subscribe h2{
        margin-bottom: 10px;
    }
    .mb50{
        margin-bottom: 35px;
    }
    .mob-logo {
        text-align: center;
    }
    .mob-login-modal-btn {
        margin-bottom: 20px;
    }
    .side-app {
        margin-bottom: 20px;
    }
    #header h1 {
        font-size: 52px;
    }
    #header p {
        font-size: 30px;
    }
    .navbar-nav {
        float: none !important;
    }
    #feature-desc {
        padding-top: 50px;
    }
    .mb50 {
        margin-bottom: 30px;
    }
    .mb_margin30 {
        margin-bottom: 30px;
    }
    .btn-wrap {
        left: 0;
        width: auto;
    }
    .icon-block {
        text-align: center;
    }
    .mob-circle {
        display: inline-block;
        margin: 30px 0;
        text-align: center;
        width: 230px;
    }
    .mob-pkg {
        margin: 30px 0;
    }
    .pkgs li {
        display: block;
        width: 90%;
    }
    #packages .mb50,
    #screenshots .mb50 {
        margin-bottom: 50px;
    }
    .tweet_slider {
        padding-left: 20px;
        padding-right: 20px;
    }
    #subscribe p {
        padding: 15px 15px 0;
    }
    .contact-form {        
        width: 95%;
        padding: 120px 30px;
    }
    .contact img {
        height: 550px;
    }
    .modal-center {
        width: 420px;
        margin-left: -15em;
        margin-top: -5em;
    }
    .sidebar-login-top::before {
        border-width: 25px 212px 0;
    }
    .mobile-sidebar {
        display: inline-block;
        left: 0;
        position: absolute;
    }
    .mobile-sidebar-none {
        display: none;
    }
    #map {
        height: 650px !important;
    }
    .modal-center {
        margin-top: -14em;
    }
}
@media (min-width: 640px) and (max-width: 760px) {
    .btn-wrap {
        left: 6em;
        top: 2em;
        margin-bottom: 30px;
    }
    .mob-logo {
        text-align: center;
    }
    .mob-login-modal-btn {
        margin-bottom: 20px;
    }
    .mobile-sidebar {
        display: inline-block;
        left: 0;
        position: absolute;
    }
    .mobile-sidebar-none {
        display: none;
    }
    .side-app {
        margin-bottom: 20px;
    }
    .sidebar-body {
        height: 100px !important;
    }
    .navbar-nav {
        float: none !important;
    }
    #feature-desc {
        padding-top: 50px;
    }
    .mob-circle {
        display: inline-block;
        margin: 30px 0;
        text-align: center;
        width: 250px;
    }
    .btn-wrap {
        left: 0;
        width: auto;
    }
    
    .mob-pkg {
        margin: 30px 0;
    }
    .icon-block {
        text-align: center;
    }
    .pkgs ul {
        margin-left: -22px;
    }
    .marked-list {
        margin-left: 8px !important;
    }
    
    .contact img {
        height: 550px;
    }
    .modal-center {
        width: 420px;
        margin-left: -15em;
        margin-top: -5em;
    }
    .sidebar-login-top::before {
        border-width: 25px 212px 0;
    }
}
@media (min-width: 761px) and (max-width: 962px) {
    .marked-list {
        padding-left: 0px;
    }
    .navbar-nav li a {
        font-size: 13px;
    }
    .brand-logo img{
        width: 105px;
    }
	.sidebar-btn{
		padding:6px;
	}   
    .mb_margin30 {
        margin-bottom: 30px;
    }
    .mob-login-modal-btn {
        margin-bottom: 20px;
    }
    .btn-wrap {
        left: 6em;
        top: 2em;
    }
    .brand-logo img {
        display: inline-block;
        float: left;
        width:124px;
    }
    .nav li a {
        padding: 8px;
    }
    .pricing-table .price {
        font-size: 52px;
    }
    .contact-form {
        width: 60%;
    }
    .icon-block {
        text-align: center;
    }
    .appestia-cards ul li img {
        height: 240px;
    }
    .card-3 img {
        height: 310px !important;
    }
    .sidebar-close-btn {
        top: 0;
    }
    .sidebar-logo {
        margin-top: -10px;
        float: none !important;
    }
}
@media (min-width: 963px) and (max-width: 1023px) {
	.magical-img{
		height:10px;
	}
    .marked-list {
        padding-left: 0px;
    }
    .mb_margin30 {
        margin-bottom: 30px;
    }
    .btn-wrap {
        left: 0;
        width: auto;
    }
    .brand-logo img {
        display: inline-block;
        float: left;
        width:110px;
    }
	.sidebar-btn {
		padding:6px;
	}
    .nav li a {
        padding: 9px 6px;
        font-size: 14px;
    }
	.iphone-hand{
		top:-5.3em;
	}
	.choose_phone .phone2{
		right:3.3em;
	}
    .pricing-table .price {
        font-size: 52px;
    }
    .appestia-cards ul li img {
        height: 240px;
    }
    .card-3 img {
        height: 310px !important;
    }
    .contact-form {
        width: 55%;
    }
    .sidebar-close-btn {
        top: 0;
    }
    .sidebar-logo {
        margin-top: -10px;
        float: none !important;
    }
}
/* @media (min-width: 1000px) and (max-width: 1180px){
    #screenshots .owl-carousel .owl-stage-outer{
        height: 280px;
    }
    .screenshot .owl-theme .owl-controls{
        margin-top: 50px;
    }
} */

@media (min-width: 1024px) and (max-width: 1279px) {
    .marked-list {
        padding-left: 0px;
    }
    .mb_margin30 {
        margin-bottom: 30px;
    }
    .iphone-hand {
        top: -5.5em;
    }
    .iphone-hand::after {
        height: 500px;
        width: 500px;
        left: 40%;
    }
    .choose_phone .phone2 {
        right: 1.3em;
    }
    .pricing-table .price {
        font-size: 80px;
    }
    .contact-form {
        width: 40%;
    }
    .appestia-cards ul li img {
        height: 300px;
    }
}
@media only screen and (min-width: 1900px) {
    .main-item-list {
        padding-top: 70px;
    }
    .bg-image1:before {
        right: 543px;
    }
}
@media only screen and (min-width: 1800px) and (max-width: 1899px) {
    .main-item-list {
        padding-top: 65px;
    }
    .bg-image1:before {
        right: 500px;
    }
}
@media only screen and (min-width: 1700px) and (max-width: 1799px) {
    .main-item-list {
        padding-top: 63px;
    }
    .bg-image1:before {
        right: 450px;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    .main-item-list {
        padding-top: 60px;
    }
    .bg-image1:before {
        right: 400px;
    }
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
    .main-item-list {
        padding-top: 74px;
    }
}
@media only screen and (min-width: 1400px) and (max-width: 1499px) {
    .main-item-list {
        padding-top: 70px;
    }    
}
@media only screen and (max-width: 1307px) {
    .btn-wrap .btn {
        margin-bottom: 15px;
    }
    .bg-image1::before {
        right: 150px;
        width: 643px;
    }
}
@media only screen and (min-width: 1300px) and (max-width: 1399px) {
    .main-item-list {
        padding-top: 48px;
    }
    .btn-wrap .btn {
        margin-bottom: 15px;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 1299px) {
    .main-item-list {
        padding-top: 48px;
    }
}
@media only screen and (min-width: 1100px) and (max-width: 1199px) {
    .main-item-list {
        padding-top: 34px;
    }
}
@media only screen and (min-width: 1000px) and (max-width: 1099px) {
    .main-item-list {
        padding-top: 38px;
    }
    .ss-phone > img {
        top: -20px;
    }
}
@media only screen and (min-width: 1500px) and (max-width: 1599px) {
   
    .ss-phone >img {
        top: 2px !important;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1699px) {
    
    .ss-phone >img {
        top: -8px !important;
    }
}
@media only screen and (min-width: 1700px) and (max-width: 1799px) {
    
    .ss-phone >img {
        top: -6px !important;
    }
}
@media only screen and (min-width: 1800px) and (max-width: 1899px) {
    
    .ss-phone >img {
        top: -4px !important;
    }
}
@media only screen and (max-width: 999px) {
    .ss-phone > img {
        display: none;
    }
    .pricing-table{
        margin-bottom: 30px;
    }
    .set-wrapper{
        display: block;
    }
    .icon-block{
        margin-bottom: 60px;
    }
    .owl-controls{
        display: none;
    }
    .mob-icon-block{
        margin-bottom: 0px;
    }
}
@media screen and (min-width: 1400px) {
    #header h1 {
        font-size: 112px;
    }
    #header p {
        font-size: 56px;
    }
    .screenshot .owl-theme .owl-controls {
        margin-top: 85px;
    }
    .ss-phone > img {
        width: 25.9%;
        top: 0px;
    }
}