@media (min-width: 980px) {

 	/* sidebar */
	#sidebar {
		position: absolute;
 		width: 180px;
  	}

  	#sidebar ul{
  		margin-top:1px !important;
  		width: 100%;
  	}

  	/* body container */
  	#main-content {
		margin-top: 0px !important;
	}

	.fixed-top #main-content {
		margin-top: 20px;
	}
}


/* phones and tablets */
@media (max-width:979px) {

    /*---lock page----*/

    .lock .lock-wrap {
        width: 95%;
    }
    .lock-wrap .single-size, .lock-wrap .double-size {
        width: 32% !important;
    }

    .double-size i {
        /*display: block;*/
    }
    /*--------*/
	/* header bar */
	#header .navbar-inner li.dropdown i {
		display: inline-block;
		position: relative;
		top:1px;
		right:-2px;
	}

	#header.navbar {
		margin-bottom: 0px !important;
	}

	#header .navbar-search {
	  margin-left: 80px !important;
	}

	/* page title*/
	.page-title {
		margin: 4px 0px 7px 0px !important;
	}

	/* body */
	.fixed-top #main-content {
		margin-top: 0px;
	} 

	/* container */
	#container {
		margin-top: 0px !important;
	}

	.fixed-top #container {
		margin-top: 0px !important;
	}
    /*sidebar*/
	#sidebar .sidebar-toggler {
		display: none;
	}

	#sidebar.in {
		margin-top: 9px !important;

	}

	#sidebar ul {
		margin-top:0px !important;
		width:100%;
	}

	.top-nav .text {
		display: none;
	}

	/* sidebar menu */
	#sidebar .triangle {
		display: none;
	}

	#sidebar {		
		 -webkit-border-radius: 4px !impo