﻿body {

     font-family: 'Roboto', sans-serif
}



.NoLeft{margin-left:0 !important;}
.RentACarTitle{font-size:20px !important;font-weight:bold;color:#333 !important}
.HeaderCenter .HeaderLogo{width:250px;float:left;margin-top:8px;}
.HeaderCenter .HeaderLogo img{width:220px;float:left}

.HeaderCenter .Menu{width:950px;}
.TopMenuRow ul .imgMail{margin-left:9px;}
.MoveSldTitle{top:20% !important;}
.MoveSldTitleDown{top:80% !important;}
.MoveSldTitleBottom{top:70% !important;}
.MoveSldTitleRight{left:69% !important;}
.WhiteColor{color:#fff !important;}

.BgRentACar{width:100%;height:100%;position:absolute;background-color:rgba(0,0,0,0.7);z-index:9999999999999;display:none;}
.BgRentACar .RentLoader{width:50px;height:50px;text-align:center;position:fixed;left:50%;top:50%;margin-left:-25px;margin-top:-25px;display:none}
.BgRentACar .RentLoader img{width:40px;margin-top:5px;}
.BgRentACar .RentSuccess{width:500px;height:200px;position:fixed;left:50%;top:50%;margin-left:-250px;margin-top:-100px;display:none;}
.RentSuccess ul li{width:100%;color:#e4e4e4;margin-top:20px;}
.RentSuccess ul li:first-child{line-height:25px;text-align:center}
.RentSuccess ul li:last-child{width:200px;height:40px;text-align:center;line-height:40px; background-color:#1E69B8;margin-left:29%;}
.RentSuccess ul li:last-child:hover{cursor:pointer;}

.BgRentACar .RentUnSuccessful{width:500px;height:200px;position:fixed;left:50%;top:50%;margin-left:-250px;margin-top:-100px;display:none;}
.RentUnSuccessful ul li{width:100%;color:#e4e4e4;margin-top:20px;}
.RentUnSuccessful ul li:first-child{line-height:25px;text-align:center}
.RentUnSuccessful ul li:last-child{width:200px;height:40px;text-align:center;line-height:40px; background-color:#1E69B8;margin-left:29%;}
.RentUnSuccessful ul li:last-child:hover{cursor:pointer;}


.RentACar{width:100%;float:left;margin-top:50px;margin-bottom:50px;}
.RentACar .RentACarCenter{width:100%;float:left;}
.RentACarCenter .FormCol{width:48%;float:left;}
.RentACarCenter .FormCol:last-child{margin-left:2%;}
.RentACarCenter .FormCol ul li{width:100%;margin-top:15px;line-height:20px;font-size:14px;color:#878787;}
.RentACarCenter .FormCol ul li:first-child{margin-top:0;}
.RentACarCenter .FormCol ul li img{width:100%;}
.RentACarCenter .FormCol ul li:last-child{font-weight:bold;color:#333;}
.RentACarCenter .FormCol ul li:last-child:hover{cursor:pointer;color:#1E69B8}
.RentACarCenter .FormCol ul li:last-child a{text-decoration:none;color:#333;}
.Center .FooterLogo img{width:220px;}



/*Rent Popup*/
.RentPopup{width:100%;height:100%;position:fixed;background-color:rgba(0,0,0,0.8);z-index:99999999999;display:block;}
.RentPopup:hover{cursor:pointer;}
.RentPopup .CloseRent{width:30px;height:30px;float:right;margin:30px 50px;}
.RentPopup .CloseRent:hover{cursor:pointer;}
.RentPopup .CloseRent img{width:100%;text-align:center;}
.RentPopup .PopupCampaign{width:1200px;position:fixed;left:50%;margin-left:-600px;}
.PopupCampaign .BnrPopup{width:100%;float:left;}
.PopupCampaign .BnrPopup:hover{cursor:default;}

.PopupCampaign .BnrPopup img{width:100%;}

.PopupCampaign .PopupTitle{width:705px;position:absolute;left:2%;top:4%;}
.PopupCampaign .PopupTitle ul li{width:100%;float:left;color:#e4e4e4;margin-top:10px;}
.PopupCampaign .PopupTitle ul li:last-child{width:250px;height:40px;line-height:40px; float:left;background-color:#1E69B8;text-align:center;color:#e4e4e4;font-size:15px;}
.PopupCampaign .PopupTitle ul li:last-child:hover{cursor:pointer;}
.PopupCampaign .PopupTitle ul li:last-child a{text-decoration:none;color:#e4e4e4;font-weight:bold;}

.PopupCampaign .PopupTitleMbl{width:100%;float:left;display:none;}
.PopupTitleMbl ul li{width:100%;float:left;color:#000;margin-top:10px;margin-left:5px;}
.PopupTitleMbl ul li:last-child{width:250px;height:40px;line-height:40px; float:left;background-color:#1E69B8;text-align:center;color:#e4e4e4;font-size:15px;margin-bottom:10px;}
.PopupTitleMbl ul li:last-child:hover{cursor:pointer;}
.PopupTitleMbl ul li:last-child a{text-decoration:none;color:#e4e4e4;font-weight:bold;}

/*Rent Popup*/


/*AracKiralamaForm*/
.FormHeader{width:100%;float:left;margin-top:20px;}
.FormHeader .FormHeaderCenter{width:100%;float:left;}
.FormHeaderCenter .FormRowHeader{width:100%;float:left;}
.FormRowHeader ul li{width:100%;font-size:15px;margin-top:15px;}
.FormRowHeader ul li:first-child{font-size:23px;font-weight:bold;color:#333;line-height:40px; border-bottom:solid 1px #efefef;margin-top:0;}
.FormRowHeader ul li:last-child{line-height:20px;}

.RentCarForm{width:100%;float:left;margin-top:30px;margin-bottom:30px;}
.RentCarForm .RentACarFormCenter{width:100%;float:left;}
.RentACarFormCenter .RentRow{width:100%;float:left;margin-top:20px;}
.RentRow ul li{float:left;}
.RentRow ul li:first-child{width:25%;line-height:45px;font-size:15px;color:#333;font-weight:500;}
.RentRow ul li:last-child{width:75%;}
.RentRow ul li .inpInfo{width:100%;height:45px;outline:none;padding-left:10px;color:#878787;border:none;border:solid 1px #e4e4e4;}
.RentRow ul li .inpInfoText{width:100%;outline:none;padding-left:10px;color:#878787;border:none;border:solid 1px #e4e4e4;padding-top:10px;}
.RentACarFormCenter .btnSendForm{width:100%;height:45px;text-align:center;color:#fff;font-size:16px;background-color:#1E69B8; float:left;margin-top:15px;line-height:45px;}
.RentACarFormCenter .btnSendForm:hover{cursor:pointer;}


.RentRow .txtRentSecurity{width:100%;float:left;margin-left:25%;}
.RentRow .inpSecurity{width:100%;height:35px; float:left;padding-left:10px;border: solid 1px #e4e4e4;outline:none;}



.RentRow .RentSecurtyCode{width:45% !important;margin-left:10px;}
.RentRow .RentSecurtyCode img{width:32%;}
/*AracKiralamaForm*/

/*AracKiralamaHizmetler*/
.RentACarServices{width:100%;float:left;}
.RentACarServices .RentACarServicesCenter{width:100%;float:left;}
.RentACarServicesCenter img{width:100%;}

.ServicesContent{width:100%;float:left;margin-top:10px;margin-bottom:20px;}
.ServicesContent .ServicesContentCenter{width:100%;float:left;}
.ServicesContentCenter ul li{width:100%;margin-top:15px;color:#878787;font-size:14px;line-height:20px;}
.ServicesContentCenter ul li span img{width:15px;margin-right:5px;}
.ServicesContentCenter ul li:first-child{font-size:20px;height:30px; color:#333;font-weight:bold;border-bottom:solid 1px #e4e4e4;line-height:20px;}
.ServicesContentCenter ul li:last-child{font-size:12px;color:#333;font-weight:bold;}
/*AracKiralamaHizmetler*/

/*Arac Kiralama İletişim*/
.SupportLine{width:100%;float:left;margin-top:50px;margin-bottom:30px;}
.SupportLine .SupportLineCenter{width:100%;float:left;}
.SupportLineCenter ul li{width:100%;margin-top:15px;font-size:15px;color:#878787;}
.SupportLineCenter ul li:first-child{height:40px;font-size:20px;font-weight:bold;border-bottom:solid 1px #e4e4e4;line-height:40px;color:#333;}
.SupportLineCenter ul li span{font-weight:bold;margin-right:10px;color:#333;}
.SupportLineCenter ul li:last-child span{margin-right:59px;}

.SelectionContactInfo{width:100%;float:left;}
.SelectionContactInfo .SelectionContactInfoCenter{width:100%;float:left;}
.SelectionContactInfoCenter #ContactInfo{width:400px;height:40px;padding-left:10px;color:#878787;font-size:15px;outline:none;margin-top:15px;margin-bottom:15px;}

.ContactInfoDetail{width:100%;float:left;margin-top:30px; margin-bottom:70px;}
.ContactInfoDetail .ContactInfoDetailCenter{width:100%;float:left;}
.ContactInfoDetailCenter .ContactTitle{width:100%;height:45px;float:left;font-size:25px;line-height:45px;border-bottom:solid 1px #e4e4e4;color:#333;}
.ContactInfoDetailCenter .ContactRow{width:100%;float:left}
.ContactRow ul li{width:2%;float:left;margin-top:15px;}
.ContactRow ul li:first-child{width:18%;font-weight:bold;font-size:14px;}
.ContactRow ul li:last-child{width:80%;font-size:15px;color:#878787;}

/*Arac Kiralama İletişim*/


/*UsedRentCar*/
.BorderRent{height:50px; border-bottom:solid 1px #e4e4e4 !important;font-weight:bold !important;font-size:17px !important;line-height:25px !important;}
.ColorRent{color:#878787 !important;line-height:25px !important;}
.UsedRentCar{width:100%;float:left;margin-top:70px;margin-bottom:70px;}
.UsedRentCar .UsedRenCenter{width:100%;float:left;}
.UsedRenCenter .UsedRentCol{width:30%;float:left;margin-left:5%;margin-bottom:50px;}
.UsedRenCenter .UsedRentCol:first-child{margin-left:0;}
.UsedRenCenter .UsedRentCol ul li{width:100%;float:left;margin-top:10px;line-height:20px;font-size:15px;}
.UsedRenCenter .UsedRentCol ul li:first-child{margin-top:0;}
.UsedRenCenter .UsedRentCol ul li:last-child{height:40px;line-height:40px;font-size:15px;text-align:center; background-color:#1E69B8;color:#e4e4e4;}
.UsedRenCenter .UsedRentCol ul li:last-child:hover{cursor:pointer;}
.UsedRenCenter .UsedRentCol ul li:last-child a{text-decoration:none;color:#e4e4e4;}

.UsedRenCenter .UsedRentCol ul li img{width:100%;height:240px;}


/*UsedRentCar*/



@media all and (min-width: 980px) and (max-width: 1199px)
{
    .MoveSldTitleRight{left:100% !important;}
    .RentPopup .PopupCampaign{width:940px;margin-left:-470px;}
    .RentPopup .CloseRent{margin:30px 15px;}
}
@media all and (min-width: 720px) and (max-width: 979px)
{
    .RentACar{margin-top:0;}
    .RentACarCenter .FormCol{width:100%;}
    .RentACarCenter .FormCol:last-child{margin-left:0;margin-top:20px;}
    .TopMenuCenter .TopMenuRow{width:49% !important;}
    .MoveSldTitleRight{left:52% !important;}

    .TopMenuCenter .TopMenuRow{width:50%;}
    .TopMenuRow ul .imgFax{margin-left:25px;}

    .RentRow .txtRentSecurity{width:75% !important;}
    .RentRow .inpSecurity{width:100% !important;}
    .RentRow .RentSecurtyCode{width:75% !important;margin-left:25%;margin-top:20px;}

    .UsedRenCenter .UsedRentCol{width:100%;float:left;margin-left:0;margin-top:50px;}
    .UsedRenCenter .UsedRentCol:first-child{margin-top:0;}

    .RentPopup .PopupCampaign{width:680px;margin-left:-340px;}
    .RentPopup .CloseRent{margin:30px 15px;}
    .PopupCampaign .PopupTitle{display:none;}
    .PopupCampaign .PopupTitleMbl{display:block;background-color:#fff;}

}
@media all and (min-width: 640px) and (max-width: 719px)
{
    .TopMenuCenter .TopMenuRow{width:50%;}
    .TopMenuRow ul .imgFax{margin-left:25px;}
    .MoveSldTitleRight{left:52% !important;}
    .MoveSldTitleRight{left:52% !important;}
    .TopMenuCenter .TopMenuRow{width:49% !important;}
    .RentRow ul li:first-child{width:35%;font-size:14px;}
    .RentRow ul li:last-child{width:65%;}
    .RentRow ul li .inpInfo{font-size:13px;}

    .RentACar{margin-top:0;}
    .RentACarCenter .FormCol{width:100%;}
    .RentACarCenter .FormCol:last-child{margin-left:0;margin-top:20px;}

    .ContactRow ul li{line-height:25px;}

    .RentRow .txtRentSecurity{width:65% !important;margin-left:35%;}
    .RentRow .inpSecurity{width:100% !important;}
    .RentRow .RentSecurtyCode{width:65% !important;margin-left:35%;margin-top:20px;}
    .RentRow .RentSecurtyCode img{width:40%;}

    .UsedRenCenter .UsedRentCol{width:100%;float:left;margin-left:0;margin-top:50px;}
    .UsedRenCenter .UsedRentCol:first-child{margin-top:0;}

    .RentPopup .PopupCampaign{width:600px;margin-left:-300px;}
    .RentPopup .CloseRent{margin:30px 15px;}
    .PopupCampaign .PopupTitle{display:none;}
    .PopupCampaign .PopupTitleMbl{display:block;background-color:#fff;}

}
@media all and (min-width: 480px) and (max-width: 639px)
{
     .RentRow ul li:first-child{width:35%;font-size:14px;}
     .RentRow ul li:last-child{width:65%;}
     .RentRow ul li .inpInfo{font-size:13px;}
     .MoveSldTitleRight{left:52% !important;}
     .TopMenuCenter .TopMenuRow{width:49% !important;}
     .RentACar{margin-top:0;}
     .RentACarCenter .FormCol{width:100%;}
     .RentACarCenter .FormCol:last-child{margin-left:0;margin-top:20px;}

     .TopMenuCenter .TopMenuRow{width:50%;}
     .TopMenuRow ul .imgPhone{margin-left:20px;}

     .BgRentACar .RentUnSuccessful{width:400px;margin-left:-200px;}
     .RentUnSuccessful ul li:last-child{margin-left:24%;}

     .BgRentACar .RentSuccess{width:400px;margin-left:-200px;}
     .RentSuccess ul li:last-child{margin-left:24%;}

     .ContactRow ul li{line-height:25px;}
     .SelectionContactInfoCenter #ContactInfo{width:100%;}


    .RentRow .txtRentSecurity{width:65% !important;margin-left:35%;}
    .RentRow .inpSecurity{width:100% !important;}
    .RentRow .RentSecurtyCode{width:65% !important;margin-left:35%;margin-top:20px;}
    .RentRow .RentSecurtyCode img{width:55%;}

    .UsedRenCenter .UsedRentCol{width:100%;float:left;margin-left:0;margin-top:50px;}
    .UsedRenCenter .UsedRentCol:first-child{margin-top:0;}

    .RentPopup .PopupCampaign{width:440px;margin-left:-220px;}
    .RentPopup .CloseRent{margin:30px 15px;}
    .PopupCampaign .PopupTitle{display:none;}
    .PopupCampaign .PopupTitleMbl{display:block;background-color:#fff;}

}
@media all and (min-width: 414px) and (max-width: 479px)
{

     .RentRow ul li:first-child{width:100%;font-size:13px;}
     .RentRow ul li:last-child{width:100%;}
     .RentRow ul li .inpInfo{font-size:13px;}
     .MoveSldTitleRight{left:52% !important;}
     .TopMenuCenter .TopMenuRow{width:49% !important;}
     .RentACar{margin-top:0;}
     .RentACarCenter .FormCol{width:100%;}
     .RentACarCenter .FormCol:last-child{margin-left:0;margin-top:20px;}
     .RentACarTitle{font-size:22px!important;}

     .BgRentACar .RentUnSuccessful{width:350px;margin-left:-175px;}
     .RentUnSuccessful ul li:last-child{margin-left:20%;}

     .BgRentACar .RentSuccess{width:350px;margin-left:-175px;}
     .RentSuccess ul li:last-child{margin-left:20%;}

     .LongTermRentAdvantage{height:55px !important;line-height:25px !important;}

     .ContactRow ul li{line-height:25px;}
     .SelectionContactInfoCenter #ContactInfo{width:100%;}
     .ContactInfoDetailCenter .ContactTitle{font-size:18px;}
     .LongTitle{height:60px !important;line-height:25px !important;}

    .RentRow .txtRentSecurity{width:100% !important;margin-left:0 !important;}
    .RentRow .inpSecurity{width:100% !important;}
    .RentRow .RentSecurtyCode{width:100% !important;margin-top:20px;margin-left:0 !important;}
    .RentRow .RentSecurtyCode img{width:50%;}

    .UsedRenCenter .UsedRentCol{width:100%;float:left;margin-left:0;margin-top:50px;}
    .UsedRenCenter .UsedRentCol:first-child{margin-top:0;}

    .RentPopup .PopupCampaign{width:374px;margin-left:-187px;}
    .RentPopup .CloseRent{margin:30px 15px;}
    .PopupCampaign .PopupTitle{display:none;}
    .PopupCampaign .PopupTitleMbl{display:block;background-color:#fff;}



}
@media all and (min-width: 375px) and (max-width: 413px)
{
    .RentRow ul li:first-child{width:100%;font-size:13px;}
    .RentRow ul li:last-child{width:100%;}
    .RentRow ul li .inpInfo{font-size:13px;}
    .MoveSldTitleRight{left:52% !important;}
    .TopMenuCenter .TopMenuRow{width:49% !important;}
    .RentACar{margin-top:0;}
    .RentACarCenter .FormCol{width:100%;}
    .RentACarCenter .FormCol:last-child{margin-left:0;margin-top:20px;}
    .RentACarTitle{font-size:20px !important;}

    .TopMenuEmail{display:block;}
    .HeaderCenter .HeaderLogo{width:220px;}
    .HeaderCenter .HeaderLogo img{width:180px;}
    .TopMenuCenter .TopMenuRow{width:167px;}
    .TopMenuRow ul .imgPhone{margin-left:30px;}

    .BgRentACar .RentUnSuccessful{width:330px;margin-left:-165px;}
    .RentUnSuccessful ul li:last-child{margin-left:16%;}
     
    .BgRentACar .RentSuccess{width:330px;margin-left:-165px;}
    .RentSuccess ul li:last-child{margin-left:16%;}

    .LongTermRentAdvantage{height:55px !important;line-height:25px !important;}

    .ContactRow ul li{line-height:25px;}
    .SelectionContactInfoCenter #ContactInfo{width:100%;}
    .ContactInfoDetailCenter .ContactTitle{font-size:18px;}
    .LongTitle{height:60px !important;line-height:25px !important;}

    .RentRow .txtRentSecurity{width:100% !important;margin-left:0 !important;}
    .RentRow .inpSecurity{width:100% !important;}
    .RentRow .RentSecurtyCode{width:100% !important;margin-top:20px;margin-left:0 !important;}
    .RentRow .RentSecurtyCode img{width:50%;}

    .UsedRenCenter .UsedRentCol{width:100%;float:left;margin-left:0;margin-top:50px;}
    .UsedRenCenter .UsedRentCol:first-child{margin-top:0;}


    .RentPopup .PopupCampaign{width:335px;margin-left:-167.5px;}
    .RentPopup .CloseRent{margin:30px 15px;}
    .PopupCampaign .PopupTitle{display:none;}
    .PopupCampaign .PopupTitleMbl{display:block;background-color:#fff;}

}
@media all and (min-width: 360px) and (max-width: 374px)
{
     .HeaderCenter .HeaderLogo{width:200px;}
     .HeaderCenter .HeaderLogo img{width:180px;}
     .TopMenuEmail{display:block !important}
     .TopMenuRow ul .imgPhone{margin-left:25px;}
     .TopMenuCenter .TopMenuRow{width:160px;}
     .TopMenuRow ul .imgMail{margin-left:8px;}
     .MoveSldTitleRight{left:52% !important;}
     .TopMenuCenter .TopMenuRow{width:49% !important;}
     .RentACar{margin-top:0;}
     .RentACarCenter .FormCol{width:100%;}
     .RentACarCenter .FormCol:last-child{margin-left:0;margin-top:20px;}
     .RentACarTitle{font-size:18px !important;}

     .RentRow ul li:first-child{width:100%;font-size:13px;}
     .RentRow ul li:last-child{width:100%;}
     .RentRow ul li .inpInfo{font-size:13px;}

     .BgRentACar .RentUnSuccessful{width:330px;margin-left:-165px;}
     .RentUnSuccessful ul li:last-child{margin-left:18%;}
     
     .BgRentACar .RentSuccess{width:330px;margin-left:-165px;}
     .RentSuccess ul li:last-child{margin-left:18%;}

     .LongTermRentAdvantage{height:55px !important;line-height:25px !important;}

     .ContactRow ul li{line-height:25px;}
     .SelectionContactInfoCenter #ContactInfo{width:100%;font-size:13px;}
     .ContactInfoDetailCenter .ContactTitle{font-size:18px;}
     .LongTitle{height:60px !important;line-height:25px !important;}

    .RentRow .txtRentSecurity{width:100% !important;margin-left:0 !important;}
    .RentRow .inpSecurity{width:100% !important;}
    .RentRow .RentSecurtyCode{width:100% !important;margin-top:20px;margin-left:0 !important;}
    .RentRow .RentSecurtyCode img{width:60%;}
       
    .UsedRenCenter .UsedRentCol{width:100%;float:left;margin-left:0;margin-top:50px;}
    .UsedRenCenter .UsedRentCol:first-child{margin-top:0;}

    .RentPopup .PopupCampaign{width:320px;margin-left:-160px;}
    .RentPopup .CloseRent{margin:30px 15px;}
    .PopupCampaign .PopupTitle{display:none;}
    .PopupCampaign .PopupTitleMbl{display:block;background-color:#fff;}

}
@media all and (min-width: 320px) and (max-width: 359px)
{
     .HeaderCenter .HeaderLogo{width:180px;}
     .HeaderCenter .HeaderLogo img{width:160px;}
     .TopMenuEmail{display:block !important}
     .TopMenuRow ul .imgPhone{margin-left:6px;}
     .TopMenuCenter .TopMenuRow:first-child{width:120px;}
     .TopMenuCenter .TopMenuRow:first-child:first-child ul li:last-child{width:92px;}
     .TopMenuCenter .TopMenuRow:last-child{width:150px;}
     .MoveSldTitleRight{left:52% !important;}
   .TopMenuCenter .TopMenuRow{width:49% !important;}
     .RentACar{margin-top:0;}
     .RentACarCenter .FormCol{width:100%;}
     .RentACarCenter .FormCol:last-child{margin-left:0;margin-top:20px;}
     .RentACarTitle{font-size:20px !important;line-height:25px !important;}

     .TopMenuRow>ul>li{font-size:11px;}
     .TopMenuEmail{width:160px !important;}

     .TopMenuCenter .TopMenuRow{width:140px;}
     .TopMenuRow ul .imgMail{margin-left:8px;}


     .RentRow ul li:first-child{width:100%;font-size:13px;}
     .RentRow ul li:last-child{width:100%;}
     .RentRow ul li .inpInfo{font-size:13px;}


     .BgRentACar .RentUnSuccessful{width:300px;margin-left:-150px;}
     .RentUnSuccessful ul li:last-child{margin-left:15%;}
     
     .BgRentACar .RentSuccess{width:300px;margin-left:-150px;}
     .RentSuccess ul li:last-child{margin-left:15%;}

     .LongTermRentAdvantage{height:55px !important;line-height:25px !important;}

     .ContactRow ul li{line-height:25px;}
     .SelectionContactInfoCenter #ContactInfo{width:100%;font-size:12px;}
     .ContactInfoDetailCenter .ContactTitle{font-size:18px;}
     .LongTitle{height:60px !important;line-height:25px !important;}

    .RentRow .txtRentSecurity{width:100% !important;margin-left:0 !important;}
    .RentRow .inpSecurity{width:100% !important;}
    .RentRow .RentSecurtyCode{width:100% !important;margin-top:20px;margin-left:0 !important;}
    .RentRow .RentSecurtyCode img{width:60%;}

    .UsedRenCenter .UsedRentCol{width:100%;float:left;margin-left:0;margin-top:50px;}
    .UsedRenCenter .UsedRentCol:first-child{margin-top:0;}

    .RentPopup .PopupCampaign{width:280px;margin-left:-140px;}
    .RentPopup .CloseRent{margin:30px 15px;}
    .PopupCampaign .PopupTitle{display:none;}
    .PopupCampaign .PopupTitleMbl{display:block;background-color:#fff;}
}

/*MODAL*/
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}


/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
}


/* Add Animation */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}