@media only screen and (max-width: $laptop-wide-landscape) and (min-width: $ipad-portrait){
    .edgtf-tabs.edgtf-tab-boxed .edgtf-tabs-nav li a {
        padding: 10px 40px;
    }
}


@media only screen and (max-width: $laptop-wide-landscape) and (min-width: $ipad-portrait) {
    .edgtf-tabs.edgtf-vertical-tab.edgtf-tab-with-icon ul li a .edgtf-tab-text-after-icon {
        padding: 0;
    }
}

@media only screen and (max-width: $ipad-portrait) {
    .edgtf-tabs.edgtf-horizontal-tab .edgtf-tabs-nav li{
        float: none;
        width: 100%;
    }

    .edgtf-tabs.edgtf-tab-boxed .edgtf-tabs-nav li {
        margin-right: 0;
    }

    .edgtf-tabs.edgtf-tab-boxed.edgtf-horizontal-tab{
    	border-left: 3px solid $first-main-color;
		padding-top: 30px;

		.edgtf-tabs-nav li{
			margin-bottom: 5px;
			margin-right: 0;

			a{
				border-bottom: 3px solid $first-main-color;
				border-left: none;

				&:before{
					left: 0;
					right: auto;
					top: -3px;
					bottom: -3px;
					width: 7px;
					height: auto;
				}

				&:after{
					left: -3px;
					right: auto;
					top: 0;
					bottom: 0;
					width: 3px;
					height: auto;
				}
			}
		}

		.edgtf-tab-container {
			border-top: 0;
		    padding: 10px 17px 0 17px;
		}
    }
}

@media only screen and (max-width: $phone-landscape){
    .edgtf-tabs .edgtf-tabs-nav,
    .edgtf-tabs .edgtf-tab-container,
    .edgtf-tabs.edgtf-vertical-tab .edgtf-tabs-nav,
    .edgtf-tabs.edgtf-vertical-tab .edgtf-tab-container {
        width: 100%;
    }

    .edgtf-tabs .edgtf-tabs-nav li,
    .edgtf-tabs.edgtf-horizontal-tab .edgtf-tabs-nav li {
        float: none;
        display: block;
        margin: 0;

        a{
            padding-left: 0;
            padding-right: 0;
        }
    }

    .edgtf-tabs.edgtf-vertical-tab {

        .edgtf-tabs-nav {
            float: none;
            padding: 0;
        }

        .edgtf-tab-container {
            float: none;
            border-left: 0;
            padding: 9px 0;
        }

    	&.edgtf-tab-boxed{
    		border-left: 3px solid $first-main-color;

			.edgtf-tabs-nav li{
				a{
					border-right: 3px solid $first-main-color;
					border-bottom: 3px solid $first-main-color;
					border-left: none;

					&:before{
						left: 0;
						right: auto;
						top: -3px;
						bottom: -3px;
						width: 7px;
						height: auto;
					}

					&:after{
						left: -3px;
						right: auto;
						top: 0;
						bottom: 0;
						width: 3px;
						height: auto;
					}
				}
			}

			.edgtf-tab-container {
				border-top: 0;
				border-left: 0;
			    padding: 10px 17px 0 17px;
			}
    	}
    }
}