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



}

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

.inter-area {
    padding: 10px 0;
}

.oppor-area {
    padding: 30px 0 20px;
}

.inter-part {
    transform: translateY(30%);
    padding: 30px 20px;
}

.perfect-area {
    padding-top: 60px;
}

.slider-area {
    padding: 30px 0 30px;
}

.slide-img img {
    width: 120px;
    height: 120px;
    margin-right: 10px;
}

.slide-ctn h2 {
    font-size: 18px;
}

.slide-ctn h2 img {
    margin-right: 15px;
}




}



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

.banner-area {
    padding: 50px 0;
}

.banner-left h2 {
    font-size: 45px;
    line-height: 50px;
}

.banner-left p {
    padding-top: 30px;
}

.oppor-left {
    padding: 20px 15px;
}

.oppor-inner {
    margin: 0 10px;
}

.oppor-left h2 {
    font-size: 20px;
}

.opporbg {
    padding: 20px 15px;
}

.oppor-area {
    padding: 30px 0 20px;
}

.inter-area {
    padding: 10px 0;
}

.inter-part {
    transform: translateY(30%);
    padding: 30px 20px;
}

.inter-part h2 {
    font-size: 22px;
}

.perfect-area {
    padding-top: 90px;
    padding-bottom: 30px;
}

.slider-area {
    padding: 30px 0 20px;
}

.slider-head h2 {
    font-size: 25px;
    padding-bottom: 20px;
}

.slide-img img {
    width: 100px;
    height: 100px;
    margin-right: 10px;
}

.slide-ctn h2 {
    font-size: 15px;
}

.slide-ctn h2 img {
    margin-right: 15px;
}

.copyright-area {
	text-align: center;
	padding: 20px 0;
}

.copy-cont {
	padding-top: 10px;
}



}