/* Responsive styles
================================================== */
/* Large Devices, Wide Screens */
@media (min-width: 1200px) {

  .e-verify-logo{
    float: right;  
    margin-top: 10px;
    margin-left: 20px;
  }

  /* Dropdown animation */
  .navbar-nav .dropdown-menu,
  .navbar-nav .dropdown.megamenu div.dropdown-menu {
    background: none;
    border: 0;
    box-shadow: none;
    display: block;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: visibility 500ms, opacity 500ms, -webkit-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -moz-transition: visibility 500ms, opacity 500ms, -moz-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -o-transition: visibility 500ms, opacity 500ms, -o-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    -ms-transition: visibility 500ms, opacity 500ms, -ms-transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
    transition: visibility 500ms, opacity 500ms, transform 500ms cubic-bezier(0.43, 0.26, 0.11, 0.99);
  }
  .navbar-nav .dropdown:hover div.dropdown-menu,
  .navbar-nav .dropdown.megamenu:hover div.dropdown-menu {
    opacity: 1;
    visibility: visible;
    color: #777;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  .navbar-nav .dropdown-backdrop {
    visibility: hidden;
  }
}
/*		Tablet Layout: 768px.
		Gutters: 24px.
		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */
@media only screen and (max-width: 767px) {

  .e-verify-logo{
    float: right;  
    margin-top: 10px;
  }

  .title {
    font-size: 40px;
  }
  .navbar-header .navbar-brand a {
    padding: 6px 8px;
  }
  #hero-area {
    padding: 140px 0;
  }
  #hero-area .btn {
    margin-top: 8px;
  }
  #about {
    padding: 70px 0;
  }
  #about .block {
    padding: 0;
  }
  figure .buttons {
    left: 16%;
  }
  #feature .media {
    margin: 0px 0px 35px;
  }
  #footer .copyright {
    text-align: center;
  }
  #footer .social {
    text-align: center;
  }
  .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
  .dropdown-menu > ul {
    list-style: none;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }
  .navbar-collapse {
    background: #333333;
  }
  #top-bar .main-menu li > a {
    color: #fff;
    padding: 21px 10px;
    background: transparent;
    margin: 0px 10px  
  }
  #top-bar .dropdown-menu > ul {
    list-style: none;
    padding: 0 15px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    margin-top: -5px;
    background: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    box-shadow: 0 2px 0.09px rgba(0, 0, 0, 0.15);
  }
  #top-bar .dropdown-menu > ul > li > a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    padding: 15px;
    color: #333;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }
}
/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */


@media only screen and (max-width: 767px) {


  .e-verify-logo{
    float: right;  
    margin-top: 10px;
  }

  nav.navbar-collapse{
    width: 110%;
    margin-left: -50px;
}

	#about {
    padding: 50px 0;
  }
  
  #works{
	padding: 25px 0;
  }
	
  #feature{
	  
	padding: 30px 0;
  }
  
  #call-to-action{
	  padding: 30px 0;
  }
  
  /* #about .block h2{ */
	  /* font-size: 28px; */
	  /* text-align: center; */
  /* } */
  
	  .title {
		font-size: 26px;
		margin-top: 
	}
	
    p {
	  
	  font-size: 16px;
  }
  
    p {
	  
	  font-size: 16px;
  }
  
  #about .block p {
	  font-size: 16px;
  }
	
	.section-heading {
    margin-bottom: 40px;
    text-align: center;
	}
/* --------------------------------home-end------------------	 */

	.first_heading{
	font-size: 28px;
	}
	
	.second_heading{
	font-size: 22px;	
	}
	
	.content_table{
	background: #eaeaea; 
	margin-top: 24px; 
	margin-left: 0; 
	padding: 20px 40px; 
	color: #727272;
	}
	.content_table_body{
	background: #f9f9f9; 
	margin-left: 0; 
	margin-right:0; 
	border: 2px solid #eaeaea; 
	padding: 20px 40px; 
	color: #727272;
	}
	
	.content_table_body1{
	background: #f9f9f9; margin-left: 0; margin-right:0; border-left: 2px solid #eaeaea; border-right: 2px solid #eaeaea; border-bottom: 2px solid #eaeaea; padding: 20px 40px; color: #727272;
	}
	
	#call-to-action_blue{
		padding: 50px 0;
	}
	
	#call-to-action_blue h4{
		text-align: center;
	}
	
	#call-to-action_blue .btn {
    background: #2EAF59 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 1em;
    margin-top: 8px;
    padding: 12px 30px;
    text-transform: none;
	text-align: center;
	}

	#about .block h2 {
    font-size: 22px;
    text-align: center;
	}
	
	#about .btn {
    background: #2EAF59 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 1em;
    margin-top: 8px;
    padding: 12px 30px;
    text-transform: none;
	}
	
	
	#call-to-action .block p{
		font-size: 16px;
		text-align: center;
	}
	
	.head_content .btn {
    background: #2EAF59 none repeat scroll 0 0;
    border: 1px solid #fff;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    letter-spacing: normal;
    line-height: 1em;
    margin-top: 8px;
    padding: 12px 30px;
    text-transform: none;
	}
	
	.first_heading_nohero{
	font-size: 28px;
	padding-top: 60px;
	}
	
	article {
    margin-top: 30px;
    padding: 0;
	}
	
	.sidebar {
    padding-top: 40px;
	}
	
	#contact_form_tabs{
		padding: 50px 0px;
	}
	
	#contact h3 {
    color: #1893ca;
    display: block;
    font-family: "Oswald",sans-serif;
    font-size: 22px;
    font-weight: 400;
    padding: 10px 0 0;
	}
	#contact h4 {
    display: block;
    font-family: "PT Sans",sans-serif;
    font-size: 16px;
    margin: 20px 0 25px;
	}
	
	#tab_default_2 h3 {
    font-size: 22px;
    padding: 15px 0 0 30px;
	}
	#tab_default_2 p {
    padding: 5px 0 0 30px;
	}
	.contactform_padding{
	padding: 0px 0px;
	}
    
    .navbar-brand {
    float: left;
    font-size: 18px;
    height: 60px;
    line-height: 20px;
    padding: 15px;
    }
    
    #top-bar {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    border-bottom: 1px solid #dedede;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    padding: 30px 0 0;
    transition: all 0.2s ease-out 0s;
    }
    
    #top-bar.animated-header {
    background: rgb(255, 255, 255) none repeat scroll 0 0;
    box-shadow: none;
    padding: 26px 0 0;
    }
    
    #hero-area {
    padding: 0px;
    height: 375px;
    margin-top: 85px;
    }
    
    #hero-area h1{
    font-size: 28px;
    line-height: 36px;
        
    }
    
    #hero-area h2{
    font-size: 16px;
    line-height: 22px;
    }
    
    
    .slide_1{
	background: url('../images/Mobile/HOme-1.png') no-repeat 50%;
    }
    .slide_2{
	background: url('../images/Mobile/HOme-2.png') no-repeat 50%;
    }
    .slide_3{
	background: url('../images/Mobile/HOme-3.png') no-repeat 50%;
    }
    
    #call-to-action-scroll-1 {
    background: url(../images/parallex/BG1-compressor.png) 50% 0 no-repeat fixed;
    text-align: center;
    color: white;
    height: 450px;
    margin: 0 auto;
    padding: 0;
    }
    
    .About_us_Hero{
	background: url('../images/Mobile/About-us.png') no-repeat 100%;
   padding: 0px 0px 0px;
    margin-top: 106px;
    }
    
    .services_Hero
    {
	background: url('../images/Mobile/services.png') no-repeat 50%;
    padding: 0px 0px 0px;
    margin-top: 106px
    }

    .Solutions_Hero{
	background: url('../images/Mobile/Solutions.png') no-repeat 50%;
    padding: 0px 0px 0px;
    margin-top: 106px
    }

    .careers_Hero{
	background: url('../images/Mobile/career.png') no-repeat 50%;
    padding: 0px 0px 0px;
    margin-top: 106px
    }
    
    .contactus_Hero{
    background: url('../images/Mobile/contact.png') no-repeat 50%;
    padding: 0px 0px 0px;
    margin-top: 106px
    }
    
    #mobile-hero{
        height: 170px;
    }
    
    .logo_svg{
    width: 160px; 
    height: 90px; 
    margin-top: -48px;
    }
    
    #call-to-action-scroll {/*------------------------------------------------*/
  background: url(../images/parallex/BG1-compressor.png) 50% 0 no-repeat fixed;
/*  background-size: cover;*/
/* background-attachment: fixed;*/
/*  padding: 80px 0;*/
  text-align: center;
/*  position: relative;*/
/*    height: 400px;*/
    
    color: white;
	height: 360px;
	margin: 0 auto;
	padding: 0;

    }
    
    #call-to-action-scroll h2 {
    font-size: 26px;
    font-weight: 300;
    padding-top: 70px;
    line-height: 36px;
    margin-top: 22px;
    }
    
    .home-icon {
    color: #337ab7;
    text-decoration: none;
    /* text-transform: uppercase; */
    text-align: center;
    font-size: 26px;
    font-weight: 300;
    margin-bottom: -22px;
    }
    
    
    #call-to-action-scroll-1 h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    padding-bottom: 30px;
    padding-top: 30px;
    }
    
    .home-icon figcaption h4 a {
    color: #727272;
    font-family: "oswald",sans-serif;
    font-size: 22px;
    }
    
    #about_pg h2 {
    color: #228ab2;
    font-size: 26px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 10px;
    text-transform: none;
    }

    .hero_md img{
    width: 100%;
    height: auto;
    margin-top: 85px;
    }
    .navbar-toggle{
        margin-top: 0px;
    }
    
    
    #about_why h2 {
    color: #228ab2;
    font-size: 26px;
    font-weight: 400;
    line-height: 35px;
    margin-bottom: 10px;
    text-transform: none;
    }
    
  #about_why h1 {
    font-size: 28px;
    }
    
    #works {
    margin-top: -30px;
    padding: 0;
    }
    
    .nav_active{
    color: #ffffff;
    background: #2EAF59;
    border-radius: 3px;
    }
    
    #page_title p{
    font-size: 28px;
    line-height: 36px;    
    font-family: 'oswald', sans-serif;
    padding: 15px;
    margin-top: 5px;
}
    
}



@media screen and (min-width:769px) and (max-width:1024px) {
    
  .e-verify-logo{
    float: right;  
    margin-top: 10px;
    margin-left: 20px;
  }

    .logo_svg {
        height: 90px;
        margin-top: -36px;
        width: 160px;
    }

    #top-bar.animated-header {
        background: rgb(255, 255, 255) none repeat scroll 0 0;
        box-shadow: none;
        padding: 26px 0;
    }

    #top-bar {
        background: rgb(255, 255, 255) none repeat scroll 0 0;
        border-bottom: 1px solid #dedede;
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
        color: #fff;
        padding: 26px 0;
        transition: all 0.2s ease-out 0s;
    }

    .navbar-right {
        float: right;
        margin-right: -15px;
        margin-top: 5px;
    }

    .navbar-nav > li > a {
        margin-right: 4px;
        padding: 4px 8px;
        margin-left: 0;
    }

    #hero-area{
        margin-top: 100px
    }
    
    #page_title p{
        
        font-size: 30px;
    }
}