/*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 {
        font-size: 30px;
    height: 80px;
    padding: 8px 28px;
    width: 80px;
    line-height: 65px;
    }
    .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;
        display: none;
	}
    .sidebar-btn i{
        display: block!important;
    }
    .marked-list {
        padding-left: 0px;
    }
    .brand-logo img {
        width:120px;
		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;
    }
    .feature-desc-content [class*="col-md"]{
        width: 49%;
    }
    .portfolioContainer .booth_tl, .portfolioContainer .booth_ct, .portfolioContainer .booth_sk{
        width: 49%;
    }
    #some_facts .circle-block .mob-circle{
        width: 49%;
        display: inline-block;
        vertical-align: top;
    }
    .button_why_us span{
        background: none;
        padding: 0;
    }
    .button_why_us span:before,
    .button_why_us span:after{
        display: none;
    }
}
@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 h3{
        font-size: 16px;
    }
    #header h1 {
        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%;
    }

    .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;
    }
}
@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 h3{
        font-size: 22px;
    }
    .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-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 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;
        top:0;
    }
    .mobile-sidebar-none {
        display: none;
    }
    .side-app {
        margin-bottom: 20px;
    }
    .navbar-nav {
        float: none !important;
    }
    #feature-desc {
        padding-top: 50px;
    }
    .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;
    }
    .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;
    }
    .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;
    }
    .choose_phone .phone2 {
        right: 1.3em;
    }
    .pricing-table .price {
        font-size: 80px;
    }
    .appestia-cards ul li img {
        height: 300px;
    }
}
@media (max-width: 992px){
    #magical_feature .well-pad3.bg-image2-wrap{
        overflow: hidden;
        padding: 0 15px;
    }
    .camketkhachhang ul li:first-child,
    .camketkhachhang ul + ul{
        border:none;
    }
}
@media (max-width: 500px){
    .feature-desc-content [class*="col-md"],
    .portfolioContainer .booth_tl, .portfolioContainer .booth_ct, .portfolioContainer .booth_sk{
        width: 100%;
    }
}
@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: 992px) and (max-width: 1199px) {
    .p-table .price{
        font-size: 30px;
    }
}
@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;
    }
    .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;
    }
}*/