/*!
*	Theme Name 		: Theme Name
    Description		: Theme Description
* 	Framework Type 	: Bootstrap / Foundation / Flexbox / Materialize
*	Author 			: UIGRID
*	Author Profile 	: http://www.uigrid.com/
* 	Author Email 	: hello@uigrid.com
*	Version 		: 1.0
*/

/*--------------------------------------------------------------
	TABLE OF CONTENTS:
----------------------------------------------------------------
1.	
2.	
3.	
4.	
5.	
-------------------------------------------------------------------*/



/*--------------------------------------------------------------
#	Tablet (Ipad mini) Responsive Starts
--------------------------------------------------------------*/
@media (max-width: 1023px){

	.section_title{font-size: 4em;}

	/*--------------------------------------------------------------
	1.	Main Cover
	--------------------------------------------------------------*/
	.slider_image{
		background-size: cover;
		background-position-x: 65% !important;
	}

	.social_ico li a{		
		width: 50px;
		height: 50px;
		line-height: 52px;
	}
	.social_ico li a i{font-size: 1.2em;}


	/*--------------------------------------------------------------
	1.	About Me
	--------------------------------------------------------------*/
	.about_cover{margin-bottom: 30px;}


	/*--------------------------------------------------------------
	1.	How It Works
	--------------------------------------------------------------*/
	.procedure_wrap{
		margin-bottom: 30px;
	    border: 1px solid rgba(255,255,255,0.1);
	    padding: 25px 30px;
	}


	/*--------------------------------------------------------------
	#	Mobile Navigation Collapse 
	--------------------------------------------------------------*/
	.navbar-default .navbar-toggle{
		border: none;
		border-radius: 0px;
		margin: 15px 15px;
	}

	.navbar-default .navbar-toggle .icon-bar{
		width: 30px;
		height: 3px;
		margin: 0px;
		margin-bottom: 6px;
		background-color: #ffffff;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-last-child(1){
		margin: 0px;
	}

	.navbar-nav{
		margin: 0px;
	}
	.navbar-default .navbar-collapse{
		max-height: 100% !important;
		min-height: auto !important;
		border: none;
		box-shadow: none;
	}
	
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover{
		background-color: transparent;		
	}

	.navbar-inverse .navbar-toggle:focus, 
	.navbar-inverse .navbar-toggle:hover{
		background-color: transparent;
	}
	.navbar-header .menu_active > .icon-bar{ color: #ffffff; }


	/*--------------------------------------------------------------
	#	Mobile Navigation below 1023 px
	--------------------------------------------------------------*/
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }


    

	/*--------------------------------------------------------------
	#	Mobile Navigation Collapse 
	--------------------------------------------------------------*/
	.navbar-default .navbar-toggle{
		border: none;
		border-radius: 0px;
		margin: 15px 10px;
	}

	.navbar-default .navbar-toggle .icon-bar{
		width: 30px;
		height: 3px;
		margin: 0px;
		margin-bottom: 6px;
		background-color: #ffffff;
	}
	.navbar-default .navbar-toggle .icon-bar:nth-last-child(1){
		margin: 0px;
	}

	.navbar-nav{
		margin: 0px;
	}
	.navbar-default .navbar-collapse{
		max-height: 100% !important;
		min-height: auto !important;
		border: none;
		box-shadow: none;
	}
	
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover{
		background-color: transparent;		
	}

	.navbar-inverse .navbar-toggle:focus, 
	.navbar-inverse .navbar-toggle:hover{
		background-color: transparent;
	}
	.navbar-header .menu_active > .icon-bar{ color: #ffffff; }


	/*--------------------------------------------------------------
	#	Mobile Navigation below 1023 px
	--------------------------------------------------------------*/
	.navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }


}




/*--------------------------------------------------------------
#	Mobile Responsive Starts
--------------------------------------------------------------*/
@media (max-width: 767px){

	.section_title{font-size: 2.5em;}

	/*--------------------------------------------------------------
	1.	Main Cover
	--------------------------------------------------------------*/
	.cover_title{font-size: 3.5em;}

	.social_ico li a{		
		width: 35px;
		height: 35px;
		line-height: 37px;
	}
	.social_ico li a i{font-size: 1em;}

	.slider_image{
		background-size: cover;
		background-position-x: 55% !important;
	}


	/*--------------------------------------------------------------
	1.	About Me
	--------------------------------------------------------------*/
	.about_cover{margin-bottom: 30px;}

	.feature_wrap{margin-bottom: 30px;}

	/*--------------------------------------------------------------
	#	Logo
	--------------------------------------------------------------*/
	.brand_title{font-size: 1.3em;}

	.work_item{margin-bottom: 30px;}


	/*--------------------------------------------------------------
	#	Portfolio
	--------------------------------------------------------------*/
	.portfolio_filter li a{
		padding: 4px 10px;
		margin-bottom: 15px;
	}
	.portfolio_item{
		margin-bottom: 30px;
	}


	/*--------------------------------------------------------------
	#	Portfolio
	--------------------------------------------------------------*/
	.testimonial_symbol{		
	    width: 60px;
	    height: 60px;
	    line-height: 75px;
	    top: -30;
	    right: 15px;
	}

	.contact_form{
		margin-bottom: 30px;
	}

	.move_top{		
		position: absolute;
		top: -20px;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #000000;
		color: #ffffff;
	}


}
/*--------------------------------------------------------------
#	Mobile Responsive Ends
--------------------------------------------------------------*/