#pdtakeover {
    position: absolute;
    top: 211px;
    left:1%;
    right:1%;
    background-color: rgba(0, 0, 0, 0);
}

.container:not(.header_container),.container:not(.user_details){
    position:relative!important;
}

#takeover_left
{
    position: absolute; 
    visibility: visible;
    background-color: rgba(0, 0, 0, 0);
    left:0;
}
#takeover_right
{
    position: absolute; 
    right:0;
    visibility: visible;
    background-color: rgba(0, 0, 0, 0);
}

@media only screen  and (min-width:1741px)  and (max-width:1760px)
{
    #pdtakeover #takeover_left div{
        width:78%;
	float:left;
    }
    #pdtakeover #takeover_right div{
        width:78%;
        float:right;
    }
}
@media only screen  and (min-width:1681px)  and (max-width:1740px)
{
    #pdtakeover,#pdtakeover #takeover_left,#pdtakeover #takeover_right
    {
        display:block!important;
    }
    #pdtakeover #takeover_left div{
        width:66%;
        float:left;
    }
    #pdtakeover #takeover_right div{
    	width:66%;
    	float:right;
    }
}
@media only screen  and (min-width:1601px) and (max-width:1680px)
{
    #pdtakeover #takeover_left div{
        width:65%;
    	float:left;
    }
    #pdtakeover #takeover_right div{
    	width:65%;
	float:right;
    }
}
@media only screen and (min-width:1560px) and (max-width:1600px)
{
    #pdtakeover #takeover_left div{
        width:55%;
	float:left;
    }
    #pdtakeover #takeover_right div{
	width:55%;
	float:right;
    }
}
@media only screen and (min-width:1500px) and (max-width:1560px)
{
    #pdtakeover #takeover_left div{
        width:46%;
	float:left;
    }
    #pdtakeover #takeover_right div{
    	width:46%;
	float:right;
    }
}
@media only screen and (min-width:1469px) and (max-width:1500px)
{
    #pdtakeover #takeover_left div{
        width:37%;
	float:left;
    }
    #pdtakeover #takeover_right div{
    	width:37%;
	float:right;
    }
}
@media only screen and (min-width:1440px) and (max-width:1469px)
{
    #pdtakeover #takeover_left div{
        width:32%;
	float:left;
    }
    #pdtakeover #takeover_right div{
    	width:32%;
	float:right;
    }
}

@media only screen and (min-width:1921px) and (max-width:2144px)
{
    #takeover_left{left:5%;}
    #takeover_right{right:5%;}
}
@media only screen and (min-width:2145px) and (max-width:2400px)
{
    #takeover_left{left:10%;}
    #takeover_right{right:10%;}
}
@media only screen and (min-width:2401px) and (max-width:2752px)
{
    #takeover_left{left:15%;}
    #takeover_right{right:15%;}
}
@media only screen and (min-width:2753px) and (max-width:2880px)
{
    #takeover_left{left:17%;}
    #takeover_right{right:17%;}
}
@media only screen and (min-width:2881px) and (max-width:3200px)
{
    #takeover_left{left:20%;}
    #takeover_right{right:20%;}
}
@media only screen and (min-width:3201px) and (max-width:3840px)
{
    #takeover_left{left:25%;}
    #takeover_right{right:25%;}
}
@media only screen and (min-width:3841px) and (max-width:4800px)
{
    #takeover_left{left:30%;}
    #takeover_right{right:30%;}
}
@media only screen and (min-width:4801px)
{
    #takeover_left{left:35%;}
    #takeover_right{right:35%;}
}

@media only screen and (min-width:280px) and (max-width:1439px)
{
    #pdtakeover{
        display:none;
    }
}