.ova_audio_host_single{
	width: 100%;
	margin-bottom: 100px;
	@media (max-width: 1024px) {
		margin-bottom: 70px;
	}

	.info{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-column-gap: 100px;
		padding-bottom: 100px; 
		@media (max-width: 767px) {
			grid-template-columns: auto;
			padding-bottom: 70px;
		}

        .img {
        	display: inline-block;
        	position: relative;
			img {
				display: block;
				width: 100%; 
			}
			@media (max-width: 767px) {
				margin-bottom: 30px;
			}
		}

		/*Main Content*/
		.main_content {

			.list-social {
				margin: 0 0 10px 0; 
				padding: 0; 
				list-style-type: none; 
				li {
					transition: all .3s ease;
					display: inline-flex;
					justify-content: center;
					align-items: center;
					width: 40px;
					height: 40px;
					border-radius: 50%;
					background-color: #f2f4f9;
					&:not(:last-child) {
						margin-right: 10px;   
					}
					&:hover {
						transition: all .3s ease;
						background-color: var(--primary); 
						i {
							color: #fff; 
						}
					}
					a {
						display: inline-flex;
						justify-content: center;
						align-items: center;
					    width: 100%;
					    height: 100%;
					}
                    i {
                    	transition: all .3s ease;
                    	font-size: 15px; 
                    	color: var(--heading);  
                    	display: inline-flex;
                    }
				}
			}

			.name {
				margin: 0;
				font-weight: 700;
                font-size: 40px;
                line-height: 1.5; 
                color: var(--heading); 
			}

            .job {
				margin: 0;
				font-weight: 500;
                font-size: 18px;
                line-height: 1.5; 
                color: var(--primary); 
				padding-bottom: 20px;
			}

			.slogans {
				h1, h2, h3, h4 {
					font-size: 28px; 
					line-height: 1.4;
					font-weight: 500; 
					padding-bottom: 20px;
				}
			}

		}	

	}	

    .host-my-podcast {
    	text-align: center;
    	.sub-title{
	        color: var(--primary);
	        font-size: 18px;
	        font-weight: 500;
	        line-height: 1.2;
	        margin: 0 0 15px 15px;
	        @media (max-width: 767px) {
            	margin: 0 0 15px 0;
            }
	    }

	    .title{
	        color: var(--heading);
	        font-size: 50px;;
	        font-weight: bold;
	        line-height: 1.2;
	        margin: 0 0 60px 15px;
	        @media (max-width: 767px) {
            	margin: 0 0 60px 0;
            }
	    }

    	.host-my-podcast-item {
    		display: flex;
    		flex-wrap: wrap;
    		justify-content: flex-start;
    		.ovau-item-part-grid-player {
    			padding: 30px 0;
	            margin: 0 15px;
	            @media (max-width: 500px) {
	            	margin: 0 5px;
	            }
    			&.three_column {
                    width: calc( 33% - 30px);
	                @media (max-width: 1200px) {
	                    width: calc( 50% - 30px);
	                }
	                @media (max-width: 767px) {
	                    width: 100%;
	                }
    			}
    			&.two_column {
                    width: calc( 50% - 30px);
	                @media (max-width: 767px) {
	                    width: 100%;
	                }
    			}
    		}
		}

		.button-view-all-podcast {
			transition: all .3s ease;
			display: inline-flex;
			justify-content: center;
		    font-size: 12px;
		    font-weight: bold;
		    text-transform: uppercase;
		    line-height: 1.2;
		    padding: 18px 30px;
		    margin-top: 30px;
		    border-radius: 100px;
		    color: #fff;
		    background-color: var(--primary);
		    &:hover {
		    	transition: all .3s ease;
		    	background-color: var(--heading);
		    }
    	}
    }	
	
}