/****************************************************************************************************/


/* homepage < subscribe */


/****************************************************************************************************/


.subscribe_mod {
width: 100%;
background: url(/images/DataSummit/2020/bg_poly.jpg) no-repeat;
background-size: cover;
float: left;


}
.subscribe_mod_wrapper {
    padding: 0 0 0 10%;
    
flex-direction: row;
flex: 0 1 auto;
flex-wrap: wrap;
display: flex;
justify-content: center;
}

.subscribe_mod h3 {
	color: #ed1c24;
	text-transform: capitalize;
    text-align: center;
    margin: auto;
	padding: 3% 0%;
}

/*.subscribe_mod div {
	background: url(/Conferences/images/West2018/bg_poly.jpg) no-repeat;
    width: 100%;
    max-width: 1000px;
    margin: 30px auto 0 auto;
    padding: 0 30px;
}*/
.subscribe_mod .subscribe_mod_wrapper div {
	width:5%;
	
	margin: auto auto 3% auto;
	}


.subscribe_mod  div {
	width: 83%;
	float:left;
	
	/*padding:0 16%; takin out while testing*/
    align-items: center;

    margin: 0 0 1% 93px;
    flex-direction: row;
    flex: 1 1 auto;
    /* test flex-wrap: wrap;*/
    display: flex;
    justify-content: space-evenly;
}
/*
.subscribe_mod ul {
    float: left;
    padding: 0 0 30px 0;
}

.subscribe_mod li {
    font-size: 1.5em;
    float: left;
    width: 45%;
    padding: 15px 15px 0 15px;
    margin: 0 0 0 5%;
    }

*/






.subscribe_mod input {
   /* width: 85%;*/
    float: left;
    font-size: 1.1em;
    padding: 3px 10px;
    color: #666;
    height: 40px;
    border: solid 1px #ddd;
    }
/*	takin out while testing. looks good.
.subscribe_mod div.btnSub{

    margin: -3% 0% 0px 0%;
    flex-direction: row;
    flex: 1 0 auto;
    flex-wrap: wrap;
    display: flex;
    justify-content: center;
    }
*/
.subscribe_mod input[type=submit],
.subscribe_mod input[type=button] {
        display: block;
        background: #ed1c24;
        
        float: left;
        /*height: 37px;
        line-height: 35px;*/
        border-top: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        border-left: none;
        color: #fff;
        text-align: center;
        
        text-transform: uppercase;
        font-size: 1.3em;
        margin:16px 0px 0px -120px;
        cursor: pointer;
        transition: all .5s ease-in-out;
    }


    /* below is used to play
    .subscribe_mod input:hover {
             
        
        
                
        
        
    }
    */
			
	.subscribe_mod legend {
		color:#ed1c24;
		font-size:1.5em;
	}


        @media screen and (max-width:1024px) {
            .subscribe_mod  div {
                width: 100%;
                
                padding: unset;
            }
        }



        @media screen and (max-width:900px) {
            .subscribe_mod  div {
                margin: 0 0 0 0px;        
            }
        }
        



@media screen and (max-width:830px) {

    .subscribe_mod input[type=button] {
        display: block;
        background: #ed1c24;
        float: left;
        /*height: 37px;
        line-height: 35px; */
        border-top: solid 1px #ddd;
        border-right: solid 1px #ddd;
        border-bottom: solid 1px #ddd;
        border-left: none;
        color: #fff;
        text-align: center;
        text-transform: uppercase;
        font-size: 1.3em;
        margin: 15px 0 0 0;
        cursor: pointer;
    }
    .subscribe_mod .subscribe_mod_wrapper div {
        width: inherit;
    }   
    /* test
    .subscribe_mod div {
        width: 100%;
      }*/
}

    @media screen and (max-width:760px) {

       
        .subscribe_mod {
            flex-direction: column;
            padding-bottom: 5%;
        }
        .subscribe_mod input {
            padding: 0%
        }
            .subscribe_mod div {
                flex-direction: column;
                /*width: 37%;  test*/
            }

            .subscribe_mod .subscribe_mod_wrapper div {
                width: 0%;
                padding: 0 0%;
                margin: 0 0 0% 0;
            }


            .subscribe_mod input[type=button] {
                width: 150px;
            }
            
    }

    @media screen and (max-width:425px) {
        .subscribe_mod div {
            flex-direction: column;
            width: -webkit-fill-available;
            margin: 0 0 0 -29p
            /* test width: 45%;*/
        }
    }
    @media screen and (max-width: 325px){
    .subscribe_mod div {
        flex-direction: column;
        /* test width: 38%;*/
    }
}