/* Large desktops and laptops */

@media (min-width: 1200px) {
	img.ms-layer.mac{
		bottom:0px important;
/*		top:auto importanrt;*/
/*		width:400px*/
	}
}

@media (max-width: 1199px) {
	nav.menu ul li a {
		font-size: 14px
	}
	.top_form input, .footer_form input {
		width: 182px !important
	}
	.carousel-caption {
		padding-top: 10px
	}
	.car_title {
		font-size: 35px
	}
	.car_cont {
		margin-top: 10px
	}
	.btn-top {
		margin-top: 20px
	}
	.btn-footer {
		margin-top: 5px;
		width:194px;
		margin-left:4px
}
	.car_button{
		/*top:210px !Important*/
	}

    .support_social a{
        margin-right:20px
    }
    footer ul.firefly_blog li a {
        max-width: 245px;
    }

	/*privacy*/
	.form_bottom_text {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.form_bottom_text .text_tpr {
		margin-right: 0;
		margin-left: 11px;
		width: 100%;
	}

}
/* Portrait tablets and small desktops */

@media (max-width: 991px) {
	nav.menu ul li a {
		font-size: 12px;
		padding: 2px 6px
	}
	.top_form input, .footer_form input {
		width: 127px !important;
		font-size: 14px
	}
	.car_title {
		font-size: 30px
	}
	.car_cont {
		font-size: 16px;
		line-height: 22px;
	}
	nav.menu {
		margin-bottom: 15px;
		padding-top: 10px
	}
	nav.menu_top ul li a {
		font-size: 12px
	}
	.section_title.mt100 {
		margin-top: 45px !Important
	}
	.section_title {
		margin-top: 25px
	}
	.section.mtt30 {
		margin-top: 20px
	}
	.section {
		margin-bottom: 50px;
		text-align: center
	}
	.mac{
		width:450px
	}
	.car_button{
		/*top:210px !important;*/
		left:55% !important
	}
	.car_title{
		left:45% !important
	}
	.car_cont{
		left:45% !important;
		top:145px !Important
	}
    header.small_header .menu{
        padding-top: 20px;
    }
    .sign_form_item {
        margin: 0 0 10px 50px;
    }

    footer ul.firefly_blog li a {
        max-width: 175px;
    }


}
/* Landscape phones and portrait tablets */

@media (max-width: 767px) {
    body {
        padding-top:122px;
    }
    header{
        height: 122px;
    }
    header.small_header{
        height: 47px;
    }
    header.small_header .menu{
        padding-top: 10px;
    }
    header.small_header .logo{
        display: none;
    }
	nav.menu,
	nav.menu_top {
		text-align: center
	}
	.logo {
		text-align: center;
		margin-bottom: 10px;
	}
	.logo img {
		max-width: 150px;
        max-height: 30px
	}
	.top_form input, .footer_form input {
		width: 100% !important;
		font-size: 14px
	}
	.top_form button, .footer_form button {
		width: 100% !important;
	}
	.w_title {
		font-size: 28px
	}
	.w_subtitle {
		font-size: 20px
	}
	.h_title {
		font-size: 30px
	}
	.h_title_wrap {
		margin-top: -71px
	}
	.section_title {
		margin-top: 25px
	}
	.section.mtt30 {
		margin-top: 20px
	}
	.section img {
		max-width: 300px
	}
	.section_title.mt100 {
		margin-top: 25px !Important
	}
	.section {
		margin-bottom: 50px;
		text-align: center
	}
	.drag_input,
	.drag_line {
		width: 80%
	}
	.slider {
		display: none
	}
	footer .col-sm-4{
		margin-top:30px
	}
	footer .form-group{
		margin-bottom:0
	}
	.mac{
		width:300px
	}
	.car_button{
		top:170px !important;
		left:45% !important
	}
	.car_title{
		left:35% !important
	}
	.car_cont{
		left:35% !important;
		top:140px !Important
	}
    .sign_form_item {
        margin: 0 auto 20px;
        width: 70%;
        /*outline: 1px solid;*/
    }
    .sign_form_item label{
        display: block !important;
        width: 100%;
        text-align: left;
    }
    .sign_form_item .form-control{
        display: block !important;
        width: 100%;
        margin-left: 0;

    }
    .sign_form_item .sign_domen{
        display: block !important;
        width: 100%;
        text-align: left;
    }
    .sign_form_item button.btn{
        margin-left: 0px;
        width: 100%;
        background-image: none;
        margin-top: 20px;
        padding: 14px 32px;
        font-size: 18px;
        font-weight: normal;
    }
    .sign_form_terms {
        text-align: center;
        width: 100%;
        margin-left: 0;
    }
    .sign_title {
        font-size: 20px;
    }

    .sign_form_item .form_warning {
        left: 0px;
        bottom: auto;
        top: 65px
    }

    .sign_form_item .form_warning:after {
        left: 10px;
        top: -10px;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-bottom-color: #f0b9b9;
        border-width: 10px;
        margin-top: -10px;
    }

    .sign_form_item.has-error {
        margin-bottom:32px;
    }
    .sign_form_item.has-error .sign_domen{
        display: none !important
    }
    .sign_form_item .help-acc{
        margin-left: 5px;
    }

    .credit_img {
        margin-top: 3px;
    }
}





@media (max-width: 680px) {

	.car_button{
		top: 210px !important;
		left:30% !important;
		font-size: 14px !Important
	}

	.car_title{
		left:30% !important;
		top:30px !important;
		font-size:35px !Important
	}
	.car_cont{
		left:30% !important;
/*		top:70px !Important*/;
		width:300px;
		font-size:20px !important;
		line-height: 27px !important
	}

	.mac{
		left:-60px !Important
	}
    .support_social a img{
        width:32px;
        margin-right:5px
    }

}



/* Landscape phones and smaller */

@media (max-width: 480px) {
	.mac{
		/*display:none*/
	}

	.car_button{
		top:210px !important;
		left:5% !important
	}

	.car_title{
		left:5% !important;
		top:20px !important
	}
	.car_cont{
		left:5% !important;
		top:70px !Important;
	}

	.ms-nav-next,
	.ms-nav-prev{
		display:none
	}

	.ms-bullets.ms-dir-h{
		bottom:-50px !Important
	}

	.ms-bullets-count{
		bottom:auto !Important
	}
    .feature_cont h3 {
        white-space: normal;
    }
	.feature_cont strong{
		white-space: normal
	}

	.drag_title{
		font-size:20px
	}

	.drag_start{
		font-size:16px
	}

	.feature_cont strong{
		font-size:19px;
		margin-bottom:10px
	}

	.section_title.mt100{
		margin-top:35px !important
	}

	.w_title{
		font-size:24px
	}

	.w_subtitle{
		font-size:16px;
		line-height:22px
	}

	header .nav.menu_top ul li a{
		font-size:14px !Important
	}

    .support_social a{
        margin-right:10px;
        font-size:14px
    }

    .support_social a img{
        width:32px;
        margin-right:5px
    }
    .sign_form_item {
        width: 85%;
        /*outline: 1px solid;*/
    }

    footer ul.firefly_blog li a {
        max-width: 400px;
    }

    .trial_button button{
        margin-top: 25px;
        background-image: none;
        padding: 13px 5px;
        width: 280px;
        text-align: center;
    }

	/*privacy*/
	.form_bottom_text .text_tpr {
		margin-right: 0;
		text-align: center;
		width: 100%;
	}


}