@media screen and  (max-width: 960px){ 
*,body{
    transition: all 0.3s ease 0.0s;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    max-width: 468px;
    }
}

@media screen and  (max-width: 960px){
	.container{
		padding-left:10px;
	}
	.m_container{
		width: 468px;
		float: left;
		padding-left:10px;
    }
    .page_container h2 {
        font-size: 21px;
        width: 368px;
        text-align: left;
    }
    .page_container .info {
        font-size: 16px;
        width: 428px;
        text-align: left;
    }
        .subtitle {
        font-size: 16px;
        width: 468px;
        text-align: left;
    }
    #features{
		background-color: #fff;/
		padding-top: 30px;
		padding-bottom: 30px;
		width: 468px;
		min-height: 250px;
		float: left;
}
	.feature_item{
		width: 219px;
	}
	.grid_one_fifth{
		width: 439px;
		margin-left:10px;
	}
}
@media (max-width:1199px){ 
#top-content{
    padding-top: 55px;
	background-color: #52AEEA;
	background-image: none;
	min-height: 510px;
    }
}
@keyframes zoomin{
    0% {
        -webkit-transform: scale(0) translateY(60px);
        -moz-transform: scale(0) translateY(60px);
        transform: scale(0) translateY(60px);
    }
    100% {
        -webkit-transform: scale(1) translateY(0px);
        -moz-transform: scale(1) translateY(0px);
        transform: scale(1) translateY(0px);
    }
}

@media (max-width:768px){ 
h2.header-title {
    text-align:center;
    font-size:28px;
    font-weight:400;
    color:#fff;
    background-color:#74b3e1;
    padding:10px;
    margin-top: 42px;
    width: 90%;
    max-width: 325px;
    }
}

@media (max-width:768px){ 
.copyright2 .left{
	width: 17%;
	padding-top:0px;
	color: #d9d9d9; 
	display: none;
    }
}
@media (max-width:1199px){ 
.copyright2 .right{
	width: 99%;
	margin-left: 0;
    }
}
@media (max-width: 1200px) {
    #info h3{
        margin-top: 50px;
    }
    #platforms #browser{
        height: 318px;
    }
}
@media (max-width: 992px) {
    #features{
        min-height: inherit;
        max-height: inherit;
    }
    .feature-box{
        margin-bottom: 50px;
    }
    .pricing-box{
        margin-bottom: 40px;
    }
    #more-features .mfeature-box{
        margin-bottom: 40px;
    }
    ul.footer-menu{
        min-height: 150px;
    }
    #info h3{
        margin-top: 10px;
    }
    #info p{
        margin-bottom: 50px;
    }
    #story .img-col .image-holder{
        height: 300px !important;
    }
    #platforms{
        text-align: center;
    }
    #platforms ul.platforms-list{
        display: inline-block;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    #platforms ul.platforms-list li{
        display: inline-block;
        margin-left: 10px;
        margin-right: 10px;
    }
    #platforms ul.platforms-list.left-list li .platform-link .tool-tip{
        border-radius:5px; 
        padding-left: 10px;
        padding-right: 10px;
        top: -38px;
        margin-top: 0;
        margin-right: 0;
        left: 50%;
        right: inherit;
    }
    #platforms ul.platforms-list.left-list li .platform-link .tool-tip:after{
        content: "";
        border-top: 0;
        border-bottom:1px solid #3c99ef;
        border-right:1px solid #3c99ef;
        background-color: #ecf8ff;
        width: 10px;
        height: 10px;
        position: absolute;
        transform: rotate(45deg);
        top: 100%;
        right: 50%;
        margin-right: -5px;
    }
    #platforms ul.platforms-list.left-list li .platform-link:hover .tool-tip, #platforms ul.platforms-list.left-list li .platform-link:focus .tool-tip, #platforms ul.platforms-list.left-list li .platform-link.active .tool-tip{
        margin-right: 0;
    }
    #platforms ul.platforms-list.right-list li .platform-link .tool-tip{
        border-radius:5px; 
        padding-left: 10px;
        padding-right: 10px;
        top: inherit;
        bottom: -38px;
        margin-top: 0;
        margin-left: 0;
        left: 50%;
        right: inherit;
    }
    #platforms ul.platforms-list.right-list li .platform-link .tool-tip:after{
        content: "";
        border-bottom:0;
        border-left:1px solid #3c99ef;
        border-top:1px solid #3c99ef;
        background-color: #ecf8ff;
        width: 10px;
        height: 10px;
        position: absolute;
        transform: rotate(45deg);
        top: -1px;
        left: 50%;
        margin-left: -5px;
    }
    #platforms ul.platforms-list.right-list{
        margin-bottom: 50px;
    }
    #platforms ul.platforms-list.right-list li .platform-link:hover .tool-tip, #platforms ul.platforms-list.right-list li .platform-link:focus .tool-tip, #platforms ul.platforms-list.right-list li .platform-link.active .tool-tip{
        margin-left: 0;
    }
    #details .help-image-holder{
        text-align: center;
    }
    #details .help-image-holder img{
        margin-left: 0;
    }
    .form-items-holder{
        width: 100%;
        max-width: inherit;
    }
}
@media (max-width: 767px) {
    .dropdown-menu {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        top: 0;
        margin-bottom: 18px;
    }
    .navbar-default .navbar-nav > li > a {
        color: #898f92;
        font-size: 13px;
        text-align: center;
        padding: 12px 10px;
    }
    .navbar-default-page .navbar-nav-page > li > a {
        color: #898f92;
        font-size: 13px;
        text-align: center;
        padding: 12px 10px;
    }
    .navbar-default .navbar-nav > li > a.register_lk{
        margin: 10px;
    }
    .navbar-default .navbar-nav > li > a.to_login{
        margin: 10px;
    }
    .logo-mini{
        margin-bottom: 30px;
    }
    #get-started .text{
        display: block;
        margin-bottom: 20px;
    }
    .info-img-holder{
        text-align: center;
    }
    .rtl-cols div[class^="col-"]{
        float: inherit;
    }
    .info-text-holder{
        text-align: left;
    }
    .logo{
        width: 94px;
        margin-top: 0;
    }
    .big-title{
        line-height: 50px;
    }
    .domain-search-holder input[type="text"] {
        min-width: 200px;
    }
    .text-search-holder input[type="text"] {
        min-width: 200px;
    }
    #brief p{
        padding: 5px 20px;
    }
}


@media (max-width: 480px) {
    .domain-search-holder input[type="text"] {
        border-radius: 8px;
        text-align: center;
        min-width: inherit;
        width: 100%;
        display: block;
    }
    .domain-search-holder input[type="submit"] {
        border-radius: 8px;
        margin-left: 0px;
        padding: 14px 25px;
        width: 100%;
        display: block;
        margin-top: 10px;
    }
    .text-search-holder input[type="text"] {
        border-radius: 8px;
        text-align: center;
        min-width: inherit;
        width: 100%;
        display: block;
    }
    .text-search-holder input[type="submit"] {
        border-radius: 8px;
        margin-left: 0px;
        padding: 14px 25px;
        width: 100%;
        display: block;
        margin-top: 10px;
    }
    .animation{
        margin-top: 30px;
    }
    .animation ul.icons-list li:nth-child(1){
        left: 0;
        top: 5%;
    }
    .animation ul.icons-list li:nth-child(2){
        left: 8%;
        top: 35%;
    }
    .animation ul.icons-list li:nth-child(3){
        left: 20%;
        top: 60%;
    }
    .animation ul.icons-list li:nth-child(4){
        right: 20%;
        top: 60%;
    }
    .animation ul.icons-list li:nth-child(5){
        right: 8%;
        top: 35%;
    }
    .animation ul.icons-list li:nth-child(6){
        right: 0;
        top: 5%;
    }
    .animation ul.icons-list li a {
        width: 36px;
        height: 36px;
        padding-top: 8px;
    } 
    .animation ul.icons-list li a .fa {
        font-size: 17px;
    }
    #platforms #browser {
        height: 236px;
    }
    #platforms ul.platforms-list li .platform-link img {
        width: 50px;
    }
    .feature-box {
        padding: 30px 20px 0px 20px;
        margin-bottom: 20px;
    }
    .feature-box.active .feature-details {
        margin-bottom: 10px;
    }
    #sub-pricing .pricing-box {
        padding: 30px 20px;
        margin: 15px 0;
    }
    .pricing-box {
        padding: 20px;
        margin: 15px 0;
    }
    #pricing p {
        padding-left: 15px;
        padding-right: 15px;
    }
    #top-content {
        padding-top: 70px;
    }
}


@media (max-width:1199px){ 
    .promo_banner {
    background: #000;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-right: 0px;
    }
}


@media (max-width:1199px){ 
    .action_part {
    background-image: none;
    width: 100%;
    }
}


@media (max-width:768px){ 
    h2.action_title {
    font-size: 23px;
	font-weight: 600;
	max-width: 268px;
	padding-bottom: 13px;
	/*font-family: 'Source Sans Pro', sans-serif;*/
	font-family: 'Open Sans', sans-serif;
    }
}


@media (max-width:768px){ 
    .action_text p {
    font-size: 19px;
	letter-spacing: 0.7px;
	font-weight: 300;
	max-width: 316px;
	font-family: 'Open Sans', sans-serif;
	text-align:left;
    }
}


@media (max-width:768px){ 
    .action_btn {
    background: #039dd8;
	color: #fff;
	border-radius: 40px;
	font-size: 21px;
	float: left;
	margin: 0;
	max-width: 316px;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
	transition: 0.6s;
    }
}


@media (max-width:768px){ 
    .section_price {
	max-width: 476px;
    }
}
@media (max-width:768px){ 
    .grid_one_fifth div {
	max-width: 439px;

    }
}

@media (max-width:768px){ 
    .about_vds4 {
	display: none;
    }
}

@media (max-width:768px){ 
.order_period .order {
	border: 1px solid #429E19;
	border-radius: 6px;
	background-color: #fff;
	color: #429E19;
	font-size: 19px;
	font-weight: 300;
	float: left;
	margin: 0;
	width: 100%;
	max-width: 316px;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
	transition: 0.6s;
    }
}
@media (max-width:768px){ 
.right_box_col {
    display: none;
}
.right_box_col .right_col .tx span {
	width:70%;
	font-size:15px;
	margin-left:-20px;
    }
.right_col span.discount {
	width:29%;
	font-size:25px;
	font-weight:400;
	padding-top:15px;
	margin-right:10px;
	float:right;
	text-align:right;
    }
.right_box_col .right_col_bottom .tx span {
	width:70%;
	font-size:15px;
	margin-left:-20px;
	}
.right_col_bottom span.discount {
	width:29%;
	font-size:25px;
	font-weight:400;
	padding-top:15px;
	margin-right:10px;
	float:right;
	text-align:right;
	}
}

.section_price {
  width:100%;
}
@media (max-width:768px){ 
    .section_price {
	max-width: 476px;
    }
}
@media (max-width:768px){ 
    .grid_one_fifth div {
	max-width: 439px;

    }
}

@media (max-width:768px){ 
.pricing-section {
    padding: 0 0 20px 0;
    float: left;
    max-width: 376px;
    text-align: center;
    }
}

@media (max-width:768px){ 
.wrapper-full {
    position: relative;
    max-width: 376px;
    margin: 0 auto;
    }
}

@media (max-width:768px){ 
    .param-pricing-section  {
  padding: 0 0 20px 0;
  float: left;
  max-width: 376px;
  text-align: center;
    }
}

@media (max-width:768px){ 
.pricing-section {
  padding: 0 0 20px 0;
  float: left;
  max-width: 376px;
  text-align: center;
    }
}

@media (max-width:768px){ 
.pricing-columns {
  max-width: 460px;
    }
}

@media (max-width:768px){ 
.pricing-columns #pricing-chart #smaller-plans,
.pricing-columns-both #pricing-chart #smaller-plans {
  max-width: 376px;
    }
}

@media (max-width:768px){ 
.pricing-columns #pricing-chart .plan,
.pricing-columns-both #pricing-chart .plan {
  float: left;
  background-color: #f4f4f4;
  position: relative;
  color: #454545;
  padding: 14px;
  margin-bottom: 20px;
  border-right: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  width: 229px;
   }
}

@media (max-width:768px){ 
.pricing-columns #pricing-chart .popular,
.pricing-columns-both #pricing-chart .popular {
  width: 274px;
  position: relative;
  top: -30px;
  background-color: white;
  right: 0;
  margin-top: 30px;
  border-left: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
   }
}



@media (max-width:768px){ 
.order_period .order {
	border: 1px solid #429E19;
	border-radius: 6px;
	background-color: #fff;
	color: #429E19;
	font-size: 19px;
	font-weight: 300;
	float: left;
	margin: 0;
	width: 100%;
	max-width: 316px;
	padding: 15px;
	margin-bottom: 20px;
	text-align: center;
	transition: 0.6s;
    }
}
@media (max-width:768px){ 
.right_box_col .right_col .tx span {
	width:70%;
	font-size:15px;
	margin-left:-20px;
    }
.right_col span.discount {
	width:29%;
	font-size:25px;
	font-weight:400;
	padding-top:15px;
	margin-right:10px;
	float:right;
	text-align:right;
    }
.right_box_col .right_col_bottom .tx span {
	width:70%;
	font-size:15px;
	margin-left:-20px;
	}
.right_col_bottom span.discount {
	width:29%;
	font-size:25px;
	font-weight:400;
	padding-top:15px;
	margin-right:10px;
	float:right;
	text-align:right;
	}
}

@media (max-width: 960px) {
    .promo_banner {}
    .promo_banner .page_container {
    max-width: 967px;
	margin: 0 auto;
	position: relative;
    }
}