.w-83 {width: 90% !important; margin:auto;}

    .col-img {
        width: 31%; 
        float: left;
        padding:0px!important;
    }

    .col-img img {
        margin: 0px !important;
    }

    .col-content {
        width: 69%; 
        float: left;
        padding:0px!important;
        padding-left: 30px !important;
    }

    .advisor-img {
			min-height: 90px !important; min-width: 90px !important; max-height: 90px !important; max-width: 90px !important
		}

		@media screen and (min-width: 640px) and (max-width: 850px) {

			.w-83 {width: 100% !important; margin:auto;}
	
		}

    @media (max-width: 639px) {
        .col-img {
            width: 100%; 
            float: initial;
        }
        .col-img img {
            margin: auto !important;
        }
        .col-content {
            width: 100%; 
            float: initial;
            padding-left: 0px !important;
        }
    }

    @media (max-width: 900px) and (orientation: landscape) {

	    .modal {
	        height: 100%;
	    }

	    .modal .modal-inner {
	        max-height: calc(100% - 40px);
	        min-height: 0;
	        margin-right: 0;
	        padding-right: 40px;
	    }

	    .modal .close {
	        position: absolute;
	        right: 20px;
	        top: 20px;
	        width: 15px;
	        z-index: 300;
	        cursor: pointer;
	     }

	    .modal .close:before {
	        content: url(/dvl/v1.0/assets/images/ui/ui-close-blue.svg);
	        display: inline-block;
	        height: 15px;
	        width: 15px;
	        line-height: 0;
	        font-size: 0;
	    }
			

		}