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








	.mega-menu-inner {
	    padding: 25px 20px 10px;
	}

	.mega-menu-item h2 {
	    font-size: 14px;
	}

	.mega-menu-item ul li a {
	    font-size: 12px;
	}

	.mega-menu-item ul li a img {
	    max-width: 25px;
	}

	.footer-item .social-icon li {
		padding: 0 10px;
	}

	.footer-item .social-icon li a img {
		width: 45px;
		height: 45px;
	}

	.tools-wrapper .bg1 img,
    .tools-wrapper .bg2 img {
        max-width: 120px;
        z-index: -9;
    }

    .login-bg1 img {
	    max-width: 440px;
	}

	.login-bg2 img {
	    max-width: 120px;
	    right: 0;
	}

	.price-wrapper .bg1 img {
		max-width: 120px;
	}

	.price-left h2 {
		font-size: 32px;
	}

	.price-right {
        padding-left: 50px;
    }

    .interest-heading {
    	margin-bottom: 30px;
    }

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

    .interest-cnt p {
    	text-align: center;
    }

    .int-inner input {
    	padding: 10px 15px;
    }

    .fingertip-item::before {
	    right: 92px;
	    top: 36px;
	}

	.fingertip-item::after {
	    width: 70%;
	    right: -122px;
	    top: 40px;
	}

	.abt-item {
		padding: 25px 10px;
	}

	.abt-ttle h2 {
		font-size: 25px;
	}

}

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



	.header-area {
		padding: 25px 0;
	}

	.navbar-nav {
		align-items: flex-start;
	}

	.navbar-nav li {
	    margin-left: 0px;
	    padding: 0px 0;
	}

	.mega-menu-inner {
	    padding: 15px 10px 0;
	}

	.mega-menu-item ul li {
		padding: 0;
	}

	.modal-backdrop.show {
	    opacity: 0.5;
	}

	.modal-backdrop {
	    background-color: #000;
	}

	.footer-logo img {
		max-width: 135px;
	}

	.footer-item .social-icon li {
		padding: 0 3px;
	}

	.footer-item .social-icon li a img {
		width: 36px;
		height: 36px;
	}

	.tools-wrapper .bg1 img,
    .tools-wrapper .bg2 img {
        max-width: 120px;
        z-index: -9;
    }

    .login-bg1 img {
	    max-width: 400px;
	}

	.login-bg2 img {
	    max-width: 100px;
	    right: 0;
	}

	.contact-form {
		padding: 70px 25px;
	}

	.price-wrapper .bg1 img {
		max-width: 120px;
	}

	.price-left .tab-links {
		margin: 45px 0;
	}

	.price-left h2 {
		font-size: 24px;
	}

	.price-right {
		padding-top: 185px;
		padding-bottom: 250px;
        padding-left: 35px;
    }

    .tab-links li a {
    	font-size: 20px;
    }

    .price-left {
    	padding-top: 70px;
    }

    .price-right h2 {
    	font-size: 29px;
    	margin-bottom: 65px;
    }

    .price-right ul li {
    	font-size: 16px;
    	margin-top: 30px;
    }

    .price-right ul li i {
    	margin-right: 10px;
    }

    .tab-item {
    	margin-top: 110px;
    }

    .toolprov-left h2 {
    	font-size: 32px;
    }

    .interest-heading {
    	margin-bottom: 30px;
    }

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

    .interest-cnt p {
    	text-align: center;
    }

    .int-inner input {
    	padding: 10px 15px;
    }

    .int-item {
    	padding-left: 20px;
    }

    .fingertip-item::before {
	    right: 51px;
	    top: 36px;
	}

	.fingertip-item::after {
	    width: 65%;
	    right: -96px;
	    top: 40px;
	}

	.fingertip-upper h2 {
		font-size: 28px;
	}

	.else-item {
		padding: 0px;
	}

	.order-item-inner4 table {
	    width: 1000px;
	}

}

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

	.container {
		padding-left: 15px;
		padding-right: 15px;
	}

	.header-area {
		padding: 20px 0;
	}

	.navbar-nav {
		align-items: flex-start;
	}

	.navbar-nav li {
	    margin-left: 0px;
	    padding: 0px 0;
	}

	.mega-menu-inner {
	    padding: 15px 10px 0;
	}

	.mega-menu-item ul li {
		padding: 0;
	}

	.modal-backdrop.show {
	    opacity: 0.5;
	}

	.modal-backdrop {
	    background-color: #000000;
	}

	.footer-item {
		text-align: center;
		margin-top: 50px;
	}

	.footer-logo {
		text-align: center;
	}

	.split-main a img {
		margin-right: 50px;
	}

	.tools-wrapper .bg1 img,
    .tools-wrapper .bg2 img {
        max-width: 120px;
        z-index: -9;
    }

    .tools-upper h2 {
    	font-size: 32px;
    }

    .tools-upper p {
    	font-size: 16px;
    }

    .tools-box {
    	max-width: 300px;
    	margin-left: auto;
    	margin-right: auto;
    }

    .tools-wrapper {
    	padding: 60px 0;
    }

    .login-bg1 img {
	    max-width: 300px;
	}

	.login-bg2 img {
	    max-width: 60px;
	}

	.login-wrapper {
		padding-bottom: 180px;
	}

	.contact-form {
		padding: 70px 25px;
	}

	.contact-wrapper {
		padding: 70px 0 100px;
	}

	.price-wrapper .bg1 img {
		max-width: 120px;
	}

	.price-left .tab-links {
		margin: 45px 0;
	}

	.price-left h2 {
		font-size: 23px;
	}

	.price-right {
		padding-top: 100px;
		padding-bottom: 100px;
        padding-left: 20px;
    }

    .tab-links li a {
    	font-size: 20px;
    }

    .price-left {
    	padding-top: 70px;
    }

    .price-right h2 {
    	font-size: 29px;
    	margin-bottom: 65px;
    }

    .price-right ul li {
    	font-size: 16px;
    	margin-top: 30px;
    }

    .price-right ul li i {
    	margin-right: 10px;
    }

    .tab-item {
    	margin-top: 120px;
    }

    .price-right::after {
    	display: none;
    }

    .toolprov-left h2 {
    	font-size: 30px;
    }

    .toolprov-left h2 br {
    	display: none;
    }

    .toolprov-right {
    	margin-top: 45px;
    }

    .toolprovide-area {
    	padding: 80px 0;
    }

    .interest-heading {
    	margin-bottom: 20px;
    }

    .interest-right {
    	margin-top: 40px;
    	display: block;
    	text-align: center;
    	padding: 35px 16px;
    }

    .interest-cnt p {
    	text-align: center;
    }

    .int-inner input {
    	padding: 10px 15px;
    }

    .int-item {
    	padding-left: 0px;
    }

    .interest-pic {
	    width: 100%;
	}

	.interest-cnt {
	    width: 100%;
	    margin-top: 30px;
	}

	.interest-heading h2 {
		font-size: 26px;
	}

	.interest-left p {
		font-size: 17px;
	}

	.fingertip-item::before,
	.fingertip-item::after {
		display: none;
	}

	.fingertip-upper h2 {
		font-size: 27px;
	}

	.abt-ttle h2 {
		font-size: 25px;
	}

	.abt-item {
		padding: 25px 20px;
	}

	.abt-area {
		padding: 90px 0 54px;
	}

	.else-item {
		padding: 0;
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
	}

	.else-ttl h2 {
		font-size: 25px;
	}

	/*=== order page start ===*/

	.order-area {
	    padding: 0 0;
	}

	.order-item-inner {
	    flex-direction: column;
	    align-items: flex-start;
	}

	.order-item-inner h2 {
	    font-size: 28px;
	}

	.order-item-inner {
		padding: 12px 20px 0;
	}

	.order-item-inner3 {
	    width: 100%;
	    margin-right: 0px;
	    margin-bottom: 12px;
	}

	.order-item-inner4 table {
	    width: 1000px;
	}



}