/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 18-Apr-2018, 12:02:06
    Author     : maruf-dev
*/

 body
        {
            /*background:#ececec;*/
            background:#fff;
            font-family:open sans,arial;
            margin:0px;
           overflow-x: hidden;
        }
        p{
            color:#191919;
            /*font-size:13px;*/
        }
        .article_inner_div1
        {
            display:block;
            min-height:500px;
            padding:50px;
            margin-top:100px;
            width:70%;
            margin-left:auto;
            margin-right:auto;
            color: #000000;
            font-size: 13px;
            font-family: 'open sans', arial;
            
        }
        
        .article_inner_div1 p{
            font-size: 13px;
        }
        
        .get_started_now
        {
            display:block;
            width:25%; 
            height:auto; 
            background:#014381;
            color:#fff;
            text-align:center;
            padding:5px;
            margin-top:15px;
            margin-left:auto;
            margin-right:auto;
            border-radius:5px;
        }
        .get_started_now a{
            color:#fff; text-decoration:none;
        }
        .feature_header_img
        {
            width:50%; height:auto; margin-top:50px;
        }
        .small_business_header_img
        {
            width:70%; height:auto; margin-top:100px;
        }
        .about_header_img{
             width:70%; height:auto; margin-top:100px;
        }
        
        
       
        .about_get_started_img
        {
            display:block; 
            width:60%; 
            height:auto;
            margin:50px 20px 0px 50px; 
        }
        
        .signup_header_right
        {
            float:left; 
            width:50%;
            height:auto;
        }
        .signup_header_img{
            display:block;
            width: 60%;
            height:auto;
            margin-left:auto;
            margin-right:auto;
        }
        .form_label{
                float:left; width:40%; line-height:40px; margin:5px 0px 0px 5px;
            text-align:right;
            }
            .form_input{
                float:left; width:40%; height:40px; margin:5px 0px 0px 5px;
            border:solid 1px #d0d0d0;
            border-radius:5px;
            }

            .submit_btn{float:left; width:40%; height:40px; margin:5px 0px 0px 5px;
            background:#014888;
            color:#fff;
            }
            .error_h4
            {
                padding:5px; margin:0px; background:red; color:#fff;
                display:block; width: 80%; margin-left:auto; margin-right:auto;
                text-align: left;
            }
            .form_heading
            {
                font-family:arial;
                display:block;
                margin:0px;
                padding:5px;
                text-align:center;
                background:#014888;
                color:#fff;
                    margin-bottom: 50px;
                    padding:10px;
                    border-top-left-radius:10px;
                    border-top-right-radius:10px;
            }
    
         
        .article_div{
            clear:both;
            width:100%; 
            min-height:400px;
            margin-bottom: 20px;
            overflow: auto;
        }
        
        .article_inner_div
        {
            float:left;
            width:45%;
            margin:50px 0px 20px 2%;
            padding:10px;
            text-align:left;
            color:#000;
            background: #fff;
            min-height:400px;
            overflow: auto;
        }
        
        .price_article
        {
            clear:both;
            width:80%;
            margin:50px 0px 20px 2%;
            padding:10px;
            text-align:left;
            color:#000;
            background: #fff;
            height:auto;
            margin-left:auto;
            margin-right:auto;
        }
        
        .article_inner_div p, .price_article p{
            /*font-size:13px;*/
            color:#191919;
            line-height: 20px;
            margin: 0px;
            padding: 10px;
            margin:5px;
        }
        .contact_form_div
        {
           
            padding:20px;
        }
        .contact_form{
            margin:20px;
        }
        .contact_form input{
    min-height:40px;
    /*font-size:20px;*/
    padding:5px;
    border:solid 1px #888;
    border-radius:5px;
    margin:5px;
    overflow: auto;
   
    
}
        /*.footer_menu_div{
            clear:both;
            width:100%; 
            min-height:150px;
            background:#f9f9f9;
            overflow: auto;
        }*/
        .footer_menu_div ul{
            float:left;
            display:inline;
            width: 20%;
            margin:0px;
            padding:0px;
            margin-top:30px;
            min-height:120px;
            text-align:left;
            margin-left:10%;
            overflow: auto;
        }
        .footer_menu_div ul h4{
            padding:0px;
            margin:0px
        }
        .footer_menu_div ul li {
            list-style:none;
             color:#888;
             text-decoration:none;
         }
         .footer_menu_div ul li a{
             color:#000;
             text-decoration:none;
             line-height: 30px;
             font-size:12px;
         }
        .footer_div{
            clear:both;
            width:100%; 
             background:#eee;
             border-top:solid 1px #888;
        }
        .footer_div ul{
            clear:both;
            display:block;
            width: 60%;
            margin-left:auto;
            margin-right:auto;
            padding:0px;
            
        }
        .footer_div ul li{
            clear:both;
            display:block;
            width:50%;
            color:#000;
            margin-left:auto;
            margin-right:auto;
            font-size:12px;
        }
        
         .footer_div ul li a{
             color:#000;
             text-decoration:none;
             
         }
         #main_mob_menu_bar
        {
            display:none;
        }
        @media screen and (max-aspect-ratio: 13/9), screen and (min-device-width: 1450px)  /* solves the orientation problem on forms*/
        {
           /* p{
                
                font-size:16px;
            }*/
            
           
        }
         /************ Responsive CSS *********************/
/*@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: portrait) */
/*@media screen and (max-aspect-ratio: 13/9) /* solves the orientation problem on forms*/
@media screen and (max-aspect-ratio: 13/9), screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation: landscape ) /* solves the orientation problem on forms*/
{
    /*#main_mob_menu_bar
    {
        display:block;
        margin-top:20px;
        float:right;
    }
    .menu_div ul
        {
            display:none;
            position:absolute;
            float:right;
            width:90%;
            top:50px;
            z-index:10;
            background:#fff;
        }
        .menu_div ul li
        {
            display: block;
          width: 95%;
          border-bottom: solid 1px #888;
        }*/
    
    .get_started_div_left, .get_started_div_right
    {
        clear:both;
        width:100%;
    }
    .get_started_1_div{
      height:auto;
      overflow: auto;
    }
    .get_started_1_div_left, .get_started_1_div_right
    {
       clear:both;
        width:100%; 
    }
    .get_started_1_img
    {
        float:right; 
        width:90%;
        height:auto; 
        margin:50px 20px 0px 50px; padding:20px;
    }
   
    .about_get_started_img
    {
        display:block; width:95%; height:auto; margin:10px; 
    }
    
    .get_started_1_div_right h1, p
    {
        padding:5px;
    }
    .our_featurs_div
    {
        height:auto;
    }
    .feature_div{
        clear:both;
        width:100%;
    }
    .price_box_top, .price_box
    {
        clear:both;
        width:90%;
    }
    .start_trial_div{
        height:auto;
        overflow:auto;
    }
    .get_started_now
    {
        width:80%;
    }
    /*.price_get_started_top{
        width:90%;
        height:auto;
    }*/
     
        .signup_header_right
        {
            clear:both;
            width:98%;
            height:auto;
        }
        .form_label, .form_input
        {
            clear:both;
            width: 95%;
            text-align:left;
        }
    .one_testimonial_div{
        width:80%;
    }
    
    .article_inner_div{
        clear:both;
        width:90%;
    }
    
    .used_by_div_left, .used_by_div_right
    {
        clear:both;
        width:90%;
        height:auto;
        overflow:auto;
    }
    
    .used_by_div_right
    {
        margin-top: 50px;
    }
    .used_by_img
    {
        clear:both;
        display:block;
        width: 80%;
        margin-left:auto;
        margin-right: auto;
    }
    .footer_div{
        height:auto;
        overflow:auto;
    }
    .footer_menu_div ul{
        clear:both;
        width:98%;
        margin-left: auto;
        margin-right: auto;
        text-align:center;
    }
    .footer_div ul,  .footer_div ul li
    {
        display:block;
        width:98%;
        text-align: center;
    }
}