/*
====================================
Medium Screen - Others
====================================
*/
@media screen and (min-width: 992px) and (max-width: 1200px) {

.mi-right {
	display: none!important;
}

.main-menu-part ul li a {
	top: 0;
}

.custom-one h4 {
	font-size: 20px;
}

.project-right {
    padding: 18px 15px;
}

.project-right p {
    font-size: 16px;
}

.start-right h4 {
    font-size: 35px;
}








}

/*
====================================
Small Screen - Tablate
====================================
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

.navbar-brand img {
    width: 180px;
}

.main-menu-part {
    background: #21252B;   
    padding-bottom: 10px;
}

.main-menu-part ul {
	margin: 15px 0px 15px 0px;    
}

.main-menu-part ul li {
	display: block;
	float: none;
}

.main-menu-part ul li a {
    display: block;
    padding: 10px 0px 10px 15px;     
    font-size: 14px;
    color: #c6ccd0;
    border-bottom: 1px solid #2e343a;
    margin-left: 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.main-menu-part ul li a:hover {
    background: #262B31;
    color:#e86343; 
}

.main-menu-part ul li.active a {
	color:#e86343;
}

.main-menu-part ul li a:after {
	content: none;
}

.mi-right {
    display: none!important;
}

.custom-one {
	padding-left: 15px;
	padding-right: 15px;
}

.custom-two {
	padding-left: 0px;
}

.custom-three {
	padding-left: 0px;
}

.custom-one h4 {
	font-size: 16px;
}

.custom-one p {
    font-size: 15px;
}

.why-right {
	margin-top: 0px;
}

.why-right h2 {
	font-size: 35px;
}

.why-right p {
    margin-bottom: 0;
    font-size: 16px;
}

.footer-right {
	margin-top: 40px;
}

.copy {
	padding: 30px;
}

#active a {
    background: #262B31;
    color:#e86343; 
}

.wps-meddle {
    padding-bottom: 40px;
}

.element-item {  
  width: 50%; 
  border: 8px solid #fff;
}











}

/*
====================================
Small Screen - Mobile
====================================
*/
@media screen and (min-width: 576px) and (max-width: 767px) {	

.navbar-brand img {
    width: 180px;
}

.main-menu-part {
    background: #21252B;   
    padding-bottom: 10px;
}

.main-menu-part ul {
	margin: 15px 0px 15px 0px;    
}

.main-menu-part ul li {
	display: block;
	float: none;
}

.main-menu-part ul li a {
    display: block;
    padding: 10px 0px 10px 15px;     
    font-size: 14px;
    color: #c6ccd0;
    border-bottom: 1px solid #2e343a;
    margin-left: 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.main-menu-part ul li a:hover {
    background: #262B31;
    color:#e86343; 
}

.main-menu-part ul li.active a {
	color:#e86343;
}

.main-menu-part ul li a:after {
	content: none;
}

.mi-right {
    display: none!important;
}

.custom {
	padding: 40px 0;
}

.custom-one {
	padding-top: 30px;
	padding-bottom: 30px;
	border-right: 0;
	border-bottom: 1px solid #e1e1e1;
}

.custom-three {
	border-bottom: 0;
	padding-bottom: 0;
}

.sl-link ul li:nth-child(2) a {
    padding: 0 30px;
    margin: 0 22px;
}

.tech-nav {
    top: 35%;
}

.start-right h4 {
    font-size: 30px;
}

.footer-left-four {
	margin-top: 25px;
}

.footer-right {
	margin-top: 30px;
}

.copy {
	padding: 30px;
}

.copy-right {
	text-align: left!important;
}

#active a {
    background: #262B31;
    color:#e86343; 
}

.wps-meddle {
    padding: 40px 0;
}

.cfi-right {
    margin-top: 40px;
}

.element-item {  
  width: 100%; 
  border: 8px solid #fff;

}









}

/*
====================================
Xtra Small Screen - Small Mobile
====================================
*/
@media screen and (max-width: 576px) {

.navbar-brand img {
    width: 180px;
}

.main-menu-part {
    background: #21252B;   
    padding-bottom: 10px;
}

.main-menu-part ul {
	margin: 15px 0px 15px 0px;
    z-index: 9999;    
}

.main-menu-part ul li {
	display: block;
	float: none;
}

.main-menu-part ul li a {
    display: block;
    padding: 10px 0px 10px 15px;    
    color: #c6ccd0;
    border-bottom: 1px solid #2e343a;
    margin-left: 0;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
}

.main-menu-part ul li a:hover {
    background: #262B31;
    color:#e86343; 
}

.main-menu-part ul li.active a {
	color:#e86343;
}

.main-menu-part ul li a:after {
	content: none;
}

.mi-right {
    display: none!important;
}

.custom {
	padding: 40px 0;
}

.custom-one {
	padding-top: 30px;
	padding-bottom: 30px;
	border-right: 0;
	border-bottom: 1px solid #e1e1e1;
}

.custom-three {
	border-bottom: 0;
	padding-bottom: 0;
}

.sl-link ul li:nth-child(2) a {
    padding: 0 30px;
    margin: 0 22px;
}

.tech-nav {
    top: 35%;
}

.start-right h4 {
    font-size: 30px;
}

.footer-left-four {
	margin-top: 25px;
}

.footer-right {
	margin-top: 30px;
}

.copy {
	padding: 30px;
}


#active a {
    background: #262B31;
    color:#e86343; 
}


.pt-overlay {

    padding: 50px 0;
}


.wps-meddle {
    padding: 40px 0;
}

.overview-area {
    padding: 35px 0 5px;
}

.copy-right a {
    text-align: left!important;
    display: block;
    padding-top: 5px;
}

.cfi-right {
    margin-top: 40px;
}

.element-item {  
  width: 100%; 
  border: 8px solid #fff;

}

.portfolio-part {
    padding: 10px 0 30px;
}

















}