@import url("boomtag{boomtime_path}/css/bootstrap.css");   @media(max-width:767px){      body{         background:url("boomtag{boomtime_path}/img/gift_foryou/v1/professional-ob-bg.jpg") no-repeat scroll center top / auto  #363636 !important;     }      #openbox-main{         /* background: red !important; */         margin-top: 20px !important;         margin-bottom:40px !important;     }      .main-content{         border-top: 3px solid #007ca7;         border-bottom: 3px solid #007ca7;     }          .ob-greetings h2{         position: static;         top: unset;         -webkit-transform: none;         -ms-transform:  none;         transform:  none;     }     .ob-greetings h2 strong{         font-size:22px !important;      }      .ob-org-name h2{         position: static;         top: unset;         -webkit-transform:  none;         -ms-transform:  none;         transform:  none;     }            }  @media(max-width:767px) and (orientation:portrait){      .ob-greetings h2{         font-size:20px !important;     }     body{         background:url("boomtag{boomtime_path}/img/gift_foryou/v1/professional-ob-bg-portrait.jpg") no-repeat scroll center top / cover  #363636 !important;     }      }    @media(max-width:767px) and (orientation:landscape){      .main-content .lower-c h2{         font-size:24px !important;     }      .main-content .lower-c h3{         font-size:20px !important;     }      .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{         float:left !important;     }      .col-md-3 {         width: 25% !important;     }     .col-md-6 {         width: 50% !important;     }          .col-md-4 {         width: 33.3333% !important;     }          #openbox-main{         padding:8px !important;     }      .main-content{         border-left: 3px solid #007ca7;         border-right: 3px solid #007ca7;         border-top: none;         border-bottom: none;     }      .ob-greetings h2{         font-size:13px !important;         -ms-word-break: break-all;          word-break: break-all;          word-break: break-word; /* old webkit */      }          .main-content{         padding:15px 15px !important;     }      .ob-greetings h2 strong{         font-size:22px !important;     }  	.partner_section h2 { 		font-size:20px!important; 	}      .ob-org-name h2{         font-size:16px !important;     }      .main-content .upper-c h1{         font-size:60px !important;     }      body{         background: url("boomtag{boomtime_path}/img/gift_foryou/v1/professional-ob-bg.jpg") repeat scroll center center / cover  rgba(0, 0, 0, 0) !important;     }  }    @media(min-width:768px){       #openbox-main{         /* background: blue !important; */     }          .main-content{         border-top: 3px solid #007ca7;         border-bottom: 3px solid #007ca7;     }          #openbox-main{         margin-top: 250px !important;     }        }  @media(min-width:992px){      #openbox-main{         margin-top: 220px !important;     /*    background: pink !important;      */     }          .ob-greetings h2{         font-size:18px !important;     }          .main-content{         border-top: none;         border-bottom: none;         border-left: 3px solid #007ca7;         border-right: 3px solid #007ca7;     }                }  @media(min-width:1200px){      #openbox-main{       /*  background: green !important;   */     }          .ob-greetings h2{         position: relative;         top: 50%;         margin-top:0;         -webkit-transform: translateY(-50%);         -ms-transform: translateY(-50%);         transform: translateY(-50%);     }      .ob-org-name h2{         position: relative;         top: 50%;         margin-top:0;         -webkit-transform: translateY(-50%);         -ms-transform: translateY(-50%);         transform: translateY(-50%);     }     #openbox-main {         margin-top: 370px !important;     }  }  body, html{     height:100%; }  body{     background: url("boomtag{boomtime_path}/img/gift_foryou/v1/professional-ob-bg.jpg") repeat scroll center top / cover  rgba(0, 0, 0, 0); }  #openbox-main{     background: url("boomtag{boomtime_path}/img/gift_foryou/v1/proffesional-tag-bg-pattern.png") repeat scroll 0 0 rgba(0, 0, 0, 0);     box-shadow: 2px 3px 3px #181818;     margin-top: 320px;     padding: 15px; }  #openbox-inner{     border: 3px solid #2c92b6; }  .ob-greetings{     font-family:'Montserrat',sans-serif; }  .ob-greetings h2{     color: #007ca7;     font-size: 24px;     text-align: center;     text-transform: uppercase; } .ob-greetings h2 strong{     color: #363636;     font-size: 42px;     font-weight: bold;     display:block; }  .main-content{     font-family: 'Montserrat',sans-serif;     text-align: center;     text-transform: uppercase; }  .ob-org-name{     font-family: 'Montserrat',sans-serif;     text-align: center;     text-transform: uppercase; }  .main-content .upper-c h1{     color: #007ca7;     font-size:120px;     margin-bottom:0;     margin-top:0; } .main-content .upper-c h1 sup{     font-size: 35%; }  .main-content .lower-c h2{     font-size: 40px;     margin: 0; }  .main-content .lower-c h3{     font-size: 32px;     margin: 0; }  .partner_section h2 { font-size:25px; }  a { font-size:18px; font-family:Montserrat,sans-serif; color:#007ca7; }  a:hover { color:#333; }  .main-content,.ob-org-name { font-family:Montserrat,sans-serif; text-align:center; text-transform:uppercase; }  .partner_section,.partners { opacity:0; }