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

	}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	
	
.col-md-3,.col-sm-3,.col-md-4,.col-sm-4{margin-bottom:30px;}

}



/* Mobile Layout: 320px. */

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

.col-md-3,.col-sm-3,.col-md-4,.col-sm-4{margin-bottom:30px;}

	.main-header.header-fixed{
		position:relative;	
	}
	
	.wpm-menu{
		float:none;
		width:100%;
		margin:0px;	
	}
	
	.wpm-menu .navbar-toggle{
		border:1px solid #10bcf4;
		margin-top:15px; margin-right:46%;
	}
	
	.wpm-menu .navbar-toggle .icon-bar{
		background:#10bcf4;
	}
	
	.wpm-menu .collapse,
	.wpm-menu .collapse.in,
	.wpm-menu .collapsing{
		max-height:none;
		overflow:hidden;
		padding:0px;
		border:1px solid #10bcf4;
		margin:10px 0px;
		width:100%;
		border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;	
	}
	
	.wpm-menu .navbar-nav > li{
		margin:0px;	
	}
	
	.wpm-menu .navbar-nav > li:after{
		display:none;	
	}
	
	.wpm-menu .navbar-nav > li > ul,
	.wpm-menu .navbar-nav > li > ul > li > ul{
		position:relative;
		border:none;
		visibility:visible;
		opacity:1;
		display:none;
		left:auto !important;
		right:auto !important;
		top:auto !important;
		width:100%;
		background:none;
		border-radius:0px;
		-webkit-border-radius:0px;
		-ms-border-radius:0px;
		-o-border-radius:0px;
		-moz-border-radius:0px;
	}
	
	.wpm-menu .navbar-nav > li > ul > li.dropdown:before,
	.wpm-menu .navbar-nav > li.dropdown:before{
		font-family: 'FontAwesome';
		content:'\f0d7';
		position:absolute;
		right:7px;
		top:9px;
		width:20px;
		height:20px;
		display:block;
		color:#10bcf4;
		line-height:20px;
		font-size:16px;
		text-align:center;
		z-index:5;	
	}
		
	.wpm-menu .navbar-nav > li > ul,
	.wpm-menu .navbar-nav > li > ul > li > ul{
		border-top:1px solid #10bcf4 !important;	
	}
	
	.wpm-menu .navbar-nav > li,
	.wpm-menu .navbar-nav > li > ul > li,
	.wpm-menu .navbar-nav > li > ul > li > ul > li{
		border-bottom:1px solid #10bcf4;	
	}
	
	.wpm-menu .navbar-nav > li > a,
	.wpm-menu .navbar-nav > li > ul > li > a,
	.wpm-menu .navbar-nav > li > ul > li > ul > li > a{
		padding:9px 10px;
		line-height:22px;
	}
	
	.wpm-menu .navbar-nav li:hover > ul{
		display:block;	
	}




.wpm-menu .navbar-nav > li > ul > li > a {color:#10bcf4;}

.wpm-menu .navbar-nav > li:hover > a, .wpm-menu .navbar-nav > li.current > a, .wpm-menu .navbar-nav > li.current-menu-item > a, .wpm-menu .navbar-nav > li > ul > li:hover > a {
  color:#10bcf4;
  opacity: 1;
}
.wpm-menu .navbar-nav > li > ul > li > ul > li > a {

  color: #10bcf4;
 
 
 
 
    /*  Time Line Section  */
    
    .timeline-holder:before {
        left: 40px;
    }
    .timeline-item-content {
        width: 100%;
        padding-left: 40px;
        padding-bottom: 20px;
    }
    .timeline-item-left .timeline-item-right {
        float: right;
        position: relative;
    }
    .timeline-item-left .timeline-item-content,
    .timeline-item-right .timeline-item-content {
        float: right;
    }
    .timeline-item-left .timeline-item-txt,
    .timeline-item-right .timeline-item-txt {
        text-align: left;
        margin-left: 40px;
        margin-right: 0px;
    }
    .timeline-item-left .date-icon,
    .timeline-item-right .date-icon {
        margin-left: -20px;
        float: left;
    }
    .timeline-item-left .timeline-item-txt:before,
    .timeline-item-left .timeline-item-txt:after {
        left: -18px;
        border-right: solid 20px #fff;
        border-left: none;
    }
    .timeline-item-left .timeline-item-txt:before {
        left: -20px;
        border-right-color: #e4e4e4;
        border-left-color: transparent;
    }
    .timeline-start {
        margin-left: 34px;
        width: 100%;
        float: left;
    }
    .timeline-start-content {
        text-align: left;
    }
    .timeline-start .timeline-start-icon {
        margin-left: 0px;
    }

 #sidebar-wrapper.active {
	right: 30%;
	width: 30%;
	min-width:300px;
	margin:0 auto;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	padding: 5%;
	display: block;
}
 


/*----------link---------*/
.top-bar,.link-text{text-align:center;}

}




/* Wide Mobile Layout: 480px. */

@media only screen and (min-width: 420px) and (max-width: 768px) {
img{margin:0 auto;}

.wpm-menu .navbar-nav > li > ul > li > a {color:#10bcf4;}


.wpm-menu .navbar-nav > li:hover > a, .wpm-menu .navbar-nav > li.current > a, .wpm-menu .navbar-nav > li.current-menu-item > a, .wpm-menu .navbar-nav > li > ul > li:hover > a {
  color:#10bcf4;
  opacity: 1;
}
.wpm-menu .navbar-nav > li > ul > li > ul > li > a {

  color: #10bcf4;
 
}

/*----------link---------*/
.top-bar,.link-text{text-align:center;}


    /*  Time Line Section  */
    
    .timeline-holder:before {
        left: 40px;
    }
    .timeline-item-content {
        width: 100%;
        padding-left: 40px;
        padding-bottom: 20px;
    }
    .timeline-item-left .timeline-item-right {
        float: right;
        position: relative;
    }
    .timeline-item-left .timeline-item-content,
    .timeline-item-right .timeline-item-content {
        float: right;
    }
    .timeline-item-left .timeline-item-txt,
    .timeline-item-right .timeline-item-txt {
        text-align: left;
        margin-left: 40px;
        margin-right: 0px;
    }
    .timeline-item-left .date-icon,
    .timeline-item-right .date-icon {
        margin-left: -20px;
        float: left;
    }
    .timeline-item-left .timeline-item-txt:before,
    .timeline-item-left .timeline-item-txt:after {
        left: -18px;
        border-right: solid 20px #fff;
        border-left: none;
    }
    .timeline-item-left .timeline-item-txt:before {
        left: -20px;
        border-right-color: #e4e4e4;
        border-left-color: transparent;
    }
    .timeline-start {
        margin-left: 34px;
        width: 100%;
        float: left;
    }
    .timeline-start-content {
        text-align: left;
    }
    .timeline-start .timeline-start-icon {
        margin-left: 0px;
    }

 #sidebar-wrapper.active {
	right: 30%;
	width: 30%;
	min-width:300px;
	margin:0 auto;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-ms-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
	padding: 5%;
	display: block;
}


.logo {
  font-size: 24px;
  text-align: left;
  margin: 20px 0px;
}


.navbar-toggle {
  margin-bottom: 20px;
}