.apply_button{

border: 1px solid #25729a;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-size: 12px;

    font-family: arial, helvetica, sans-serif;

    padding: 5px 15px 5px 15px;

    text-decoration: none;

    display: inline-block;

    letter-spacing: 3px;

    font-weight: bold;

    color: #FFFFFF;

    /* background-color: #0147a9; */

    background-image: -webkit-gradient(linear, left top, left bottom, from(#0147a9), to(#002b6b));

    background-image: -webkit-linear-gradient(top, #0147a9, #002b6b);

    background-image: -moz-linear-gradient(top, #0147a9, #002b6b);

    background-image: -ms-linear-gradient(top, #0147a9, #002b6b);

    background-image: -o-linear-gradient(top, #0147a9, #002b6b);

    background-image: linear-gradient(to bottom, #0147a9, #002b6b);

}



.apply_button:hover{

 border:1px solid #f7b800;

 background-color: #ffc92b; 

 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc92b), to(#ce9a01));

 background-image: -webkit-linear-gradient(top, #ffc92b, #ce9a01);

 background-image: -moz-linear-gradient(top, #ffc92b, #ce9a01);

 background-image: -ms-linear-gradient(top, #ffc92b, #ce9a01);

 background-image: -o-linear-gradient(top, #ffc92b, #ce9a01);

 background-image: linear-gradient(to bottom, #ffc92b, #ce9a01);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01);

}



.card_button{

    border: 1px solid #25729a;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-size: 12px;

    font-family: arial, helvetica, sans-serif;

    padding: 3px 34px 3px 35px;

    text-decoration: none;

    display: inline-block;

    letter-spacing: 3px;

    font-weight: bold;

    color: #FFFFFF;

    cursor: pointer;

    /* background-color: #0147a9; */

    background-image: -webkit-gradient(linear, left top, left bottom, from(#0147a9), to(#002b6b));

    background-image: -webkit-linear-gradient(top, #0147a9, #002b6b);

    background-image: -moz-linear-gradient(top, #0147a9, #002b6b);

    background-image: -ms-linear-gradient(top, #0147a9, #002b6b);

    background-image: -o-linear-gradient(top, #0147a9, #002b6b);

    background-image: linear-gradient(to bottom, #0147a9, #002b6b);

}





.card_button:hover{

 border:1px solid #f7b800;

 background-color: #ffc92b; 

 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc92b), to(#e5a812));

 background-image: -webkit-linear-gradient(top, #ffc92b, #e5a812);

 background-image: -moz-linear-gradient(top, #ffc92b, #e5a812);

 background-image: -ms-linear-gradient(top, #ffc92b, #e5a812);

 background-image: -o-linear-gradient(top, #ffc92b, #e5a812);

 background-image: linear-gradient(to bottom, #ffc92b, #e5a812);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01);

}



.card02_button{

    border: 1px solid #487fc0;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-size: 12px;

    font-family: arial, helvetica, sans-serif;

    padding: 3px 34px 3px 35px;

    text-decoration: none;

    display: inline-block;

    letter-spacing: 3px;

    font-weight: bold;

    color: #FFFFFF;

    /* background-color: #0147a9; */

    background-image: -webkit-gradient(linear, left top, left bottom, from(#0147a9), to(#002b6b));

    background-image: -webkit-linear-gradient(top, #0147a9, #002b6b);

    background-image: -moz-linear-gradient(top, #0147a9, #002b6b);

    background-image: -ms-linear-gradient(top, #0147a9, #002b6b);

    background-image: -o-linear-gradient(top, #0147a9, #002b6b);

    background-image: linear-gradient(to bottom, #487fc0, #5c89c4);

}





.card02_button:hover{

 border:1px solid #f7b800;

 background-color: #ffc92b; 

 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc92b), to(#e5a812));

 background-image: -webkit-linear-gradient(top, #ffc92b, #e5a812);

 background-image: -moz-linear-gradient(top, #ffc92b, #e5a812);

 background-image: -ms-linear-gradient(top, #ffc92b, #e5a812);

 background-image: -o-linear-gradient(top, #ffc92b, #e5a812);

 background-image: linear-gradient(to bottom, #ffc92b, #e5a812);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01);

}



.card_modal_button {

    width: 250px;

    margin: 10px 5px;

    border: 1px solid #25729a;

    -webkit-border-radius: 3px;

    -moz-border-radius: 3px;

    border-radius: 3px;

    font-size: 12px;

    font-family: arial, helvetica, sans-serif;

    padding: 5px 34px 5px 35px;

    text-decoration: none;

    display: inline-block;

    letter-spacing: 2px;

    font-weight: bold;

    color: #FFFFFF;

    cursor: pointer;

    /* background-color: #0147a9; */

    background-image: -webkit-gradient(linear, left top, left bottom, from(#0147a9), to(#002b6b));

    background-image: -webkit-linear-gradient(top, #0147a9, #002b6b);

    background-image: -moz-linear-gradient(top, #0147a9, #002b6b);

    background-image: -ms-linear-gradient(top, #0147a9, #002b6b);

    background-image: -o-linear-gradient(top, #0147a9, #002b6b);

    background-image: linear-gradient(to bottom, #0147a9, #002b6b);

}



.card_modal_button:hover{

    border:1px solid #f7b800;

    background-color: #ffc92b;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc92b), to(#e5a812));

    background-image: -webkit-linear-gradient(top, #ffc92b, #e5a812);

    background-image: -moz-linear-gradient(top, #ffc92b, #e5a812);

    background-image: -ms-linear-gradient(top, #ffc92b, #e5a812);

    background-image: -o-linear-gradient(top, #ffc92b, #e5a812);

    background-image: linear-gradient(to bottom, #ffc92b, #e5a812);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffc92b, endColorstr=#ce9a01);

}





.card_button_bn_padding{

	margin:24px 0px 0px 230px;

	padding: 5px 27px 5px 24px;

}



.learn_button_plat{

    margin:24px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}

.learn_button_bn_plat{

    margin:24px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}

.learn_button_comon {
	margin: 54px 0px 0px 31px;
	padding: 5px 27px 5px 24px;
	text-align: center;
	vertical-align: middle;
}



.learn_button_gold{

    margin: 47px 0px 0px 225px;

    padding: 5px 27px 5px 24px;

}



.learn_button_bn_gold{

    margin: 47px 0px 0px 225px;

    padding: 5px 27px 5px 24px;

}



.card_button_padding_debit_01{

    margin:-7px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}



.card_button_bn_padding_debit_01{

    margin:-7px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}



.card_button_padding_debit{

    margin:42px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}

.travel_card{

    margin: 16px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}

.gift_card{

    margin: 40px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}

.card_button_bn_padding_debit{

    margin: -1px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}



.card_button_padding_prepaid{

    margin: 0px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}

.card_button_bn_padding_prepaid{

    margin: -1px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}



.card_button_padding_classic {

    margin: 47px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}



.card_button_bn_padding_classic {

    margin: 47px 0px 0px 230px;

    padding: 5px 27px 5px 24px;

}



.tab-content{

	height: 225px; border: 5px solid #bfbfbf;

}



.tab-content .cardpic img{

    position: absolute;

    margin: -5px 36px;

    width: 160px;

}



.tab-content .cardpic h4 {

    position: absolute;

    margin: 115px 0px 0px 67px;

    color: #0271bc !important;

    font-size: 11px;

    letter-spacing: 4px;

    text-align: center;



}



.tab-content .cardpic p {

    margin-left: 33px;

    letter-spacing: 5px;

}



.row .nav-item{

	background-color: #bfbfbf; 

	padding: 12px 0px 0px 15px;

	flex: 0 0 17%;

    max-width: 64%;

}	



.row .nav-item p{

	font-size: 15px;

    color: #000;

}



/*.tab-content .row .col-md-4{

	padding-left: 10px;

    color: #7f7f7f;

    border-right: 1px solid #7f7f7f;

}*/



.tab-content .row .col-md-3{

    color: #7f7f7f;

}



.cong{

	color: #0271bc !important; letter-spacing: 10px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); font-size: 45px; margin-bottom: 50px;

}



.view_title{

	    /*margin-top: -90px;*/

}



.view_title section{

	    margin: 50px;

}







.locator{

	margin: 0px 0px 0px 100px;

}



.modal-content_col-md-6{

	padding: 50px;

}



.modal_h4{

	padding: 50px;

}



.modal_right_img{

	margin-left: 16px;

}





.ic img{

    position: absolute;

    margin-top: -80px;

    margin-left: 25px;

}





.card-bodytex .ic{

    margin: 0 auto;

}



.card {

    width: 125px;

    border-radius: .50rem;

    float: left;

    margin-right: 32px;

}

.card-bodytex{

    height: 228px;

    padding: 20px 20px 0px 20px;

    text-align: center;

    background-color: #e1e1e1;

}

.card-bodytex p{

    margin-bottom: 0px;

}

.card-header1 {

    border-top-left-radius: .50rem;

    border-top-right-radius: .50rem;

    padding: .75rem 1.25rem;

    margin-bottom: 0;

    border-bottom: 1px solid rgba(0,0,0,.125);

    height: 70px;

    font-size: 30px;

    font-weight: bold;

    text-align: center;

    color: #fff;

}

.D-box:nth-child(1)  .card-header1{

    background-color:#002060;

}

.D-box:nth-child(2)  .card-header1{

    background-color:#00439f;

}

.D-box:nth-child(3)  .card-header1{

    background-color:#055b57;

}

.D-box:nth-child(4)  .card-header1{

    background-color:#57b3cd;

}

.D-box:nth-child(5)  .card-header1{

    background-color:#f0b600;

}

.D-box:nth-child(6)  .card-header1{

    background-color:#fc9d53;

}

.D-box:nth-child(7)  .card-header1{

    background-color:#c65753;

}



/*  -----------------NAV --------------- */

.tab-content {

    padding: 20px 0 0 0;



}

.nav-tabs a.nav-link {

    width: 270px;

    font-size: 18px;

    color: #9f9f9f;

}

.nav-tabs .nav-link.active {

    color: #fff;

    background-color: #0c4ca3;

    border-color: transparent;

    border-bottom: 4px solid #0c4ca3 !important;



}



.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {

    border-color: #ffffff #1d3e5f #dee2e6;

}

.nav-tabs .nav-link {

    border: 1px solid;

    border-color: #ffffff #9f9f9f #ffffff #fcfcfc ;

}

.nav-tabs .nav-link:first-child {

    border: 1px solid;

    border-color: #ffffff #9f9f9f #ffffff #9f9f9f ;



}



.row .nav-item2{

    background-color: #ffffff;

    max-width: 25%;

    text-align: center;

}



/*  ----------------END-NAV --------------- */

/* -------------------2 nav---------------- */

.nav-tabs2 a.nav-link {

    width: 270px;

    font-size: 18px;

    color: #9f9f9f;

}

.nav-tabs2 .nav-link.active {

    color: #fff;

    background-color: #0c4ca3;

    border-color: transparent;

    border-bottom: 4px solid #0c4ca3 !important;



}



.nav-tabs2 .nav-link:focus, .nav-tabs2 .nav-link:hover {

    border-color: #ffffff #1d3e5f #dee2e6;

}

.nav-tabs2 .nav-link {

    border: 1px solid;

    border-color: #ffffff #9f9f9f #ffffff #fcfcfc ;

}

.nav-tabs2 .nav-link:first-child {

    border: 1px solid;

    border-color: #ffffff #9f9f9f #ffffff #9f9f9f ;



}

/* ----------------------END---2 nav---------------- */



.retail-in-bannar{

    position: relative;

    text-align: left;

    color: rgb(39, 7, 7);

}

.retail-in-bannar img{

    width: 100%;

}

.retail-in-bannar span{

    position: absolute;

    top: 38%;

    left: -1%;

    font-size: 20px;

    letter-spacing: 6px;

    font-weight: bold;

    color: #0c4ca3;

}



.retail-in-bannar h3{

    position: absolute;

    top: 47%;

    left: 2%;

    font-size: 40px;

    letter-spacing: 4px;

    color: #000;

}



.retail-in-bannar p{

    margin: 10px auto;

    width: 85%;

    text-align: center;

}



.nev-pic img{

    width:100%;

}



.left-nev-box{

    width: 40%;

    float: left;

}



.right-nev-box{

    width: 60%;

    float: left;



}

.right-nev-box img{

    width:100%;



}



.p-lon{

    width: 143% !important;

    border-radius: 8px;

    margin-left: 9px;

    height: 25px;

    border-color: #0c4ca3;

}



.sm-saving-typo{

    padding-top: 15%;

    text-align: center;

}

.sm-saving-typo h4{

    margin: 0 auto;

    font-size: 19px;

    margin-bottom: 30px;

    letter-spacing: 4px;

    line-height: 25px;

    color:#21409a;

    width: 74%;

}

.sm-saving-typo h2{

    font-size: 27px;

    letter-spacing: 5px;

    margin-top: 10px;

}

.form-lone{

    margin-left: 4%;

    margin-top: 9%;

}



.form-lone .btn{

    margin-left: 27%;

}





.soc{

    position: absolute;

    top: 70%;

    margin-left: 20%;

}



.card_button_hajj {

    margin: 0px 0px 0px 225px;

    padding: 5px 27px 5px 24px;

}





.card_button_bn_hajj {

    margin: -3px 0px 0px 225px;

    padding: 5px 27px 5px 24px;

}





.modal-header .close {

    padding: 0rem;

    margin: 0rem -0.5rem -1rem auto;

}



.card_button_padding{

    margin: 35px 0px 0px 330px;

    padding: 5px 27px 5px 24px;

}



/* Smartphones (portrait and landscape) ----------- */



@media only screen and (max-device-width : 320px){



    .tab-content .row .col-md-4 {

        padding-top: 150px;

    }



    .row .nav-item {

        background-color: #bfbfbf;

        padding: 3px 30px 0px 20px;

        flex: 0 0 17%;

        max-width: 63%;

    }



    .view_title section {

        margin: 0px;

    }



    .tab-content {

        height: 468px;

        padding: 5px 0 0 0;

    }



    .card_button_padding {

        margin: 12px 0px 0px 24px;

    }

    .learn_button_plat {

        margin: 90px 0px 0px 3px;

        padding: 0px 27px 0px 25px;

    }



    .learn_button_gold {

        margin: 86px 0px 0px 4px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_padding_classic {

        margin: 104px 0px 0px 29px;

        padding: 5px 27px 5px 24px;

    }





    .card_button_padding_debit_01 {

        margin: 0px 0px 0px 5px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_padding_debit {

        margin: 26px 0px 0px 4px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_debit {

        margin: 25px 0px 0px 4px;

        padding: 5px 27px 5px 24px;

    }

    .card_button_hajj {

        margin: 38px 0px 0px 3px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_padding_prepaid {

        margin: 86px 0px 0px 3px;

        padding: 5px 27px 5px 24px;

    }



    .locator {

        margin: 0px 0px 0px 0px;

    }



}



@media only screen and (min-device-width : 321px) and (max-device-width : 379px) {

.apply_button{

	margin-left: 76px;

}



.container-fluid .row .col-md-3{

	margin-left: 45px;

}

.container-fluid .row .tab_text{

	margin-left: 0px;

	margin-top: 10px;

    font-size: 15px;

}



.view_title{

	    margin-top: 0px;

}



.view_title section{

	    margin: 0px;

}



.row .nav-item{

	background-color: #bfbfbf; 

	padding: 12px 0px 0px 15px;

	flex: 0 0 45%;

    max-width: 64%;

    margin-top: 10px;

}





.tab-content{

	height: 540px; border: 5px solid #bfbfbf;

}



.tab-content .row .col-md-4 {

    color: #7f7f7f;

    border-right: 0px;

    margin-top: 150px;

    text-align: justify;

    margin-left: 10px;

    font-size: 15px;

    padding: 15px;

}





.locator{

	margin: 20px 0px 0px 0px;

}



.cong{

	color: #0271bc !important;letter-spacing: 2px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); font-size: 30px;

}



.modal_h4{

	padding: 0px;

}



.modal_right_img{

	margin-left: 0px;

	margin-bottom: 10px;

}

    .card_button_padding{

        margin: 290px 0px 0px 24px;

        padding: 5px 27px 5px 24px;

}

    .learn_button_plat{

        margin: 80px 0px 0px 30px;

        padding: 5px 27px 5px 24px;

    }



    .learn_button_gold{

        margin: 103px 0px 0px 30px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_padding_classic {

        margin: 104px 0px 0px 29px;

        padding: 5px 27px 5px 24px;

    }





    .card_button_padding_debit_01{

        margin: 12px 0px 0px 26px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_padding_debit{

        margin: 34px 0px 0px 24px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_debit {

        margin: 33px 0px 0px 25px;

        padding: 5px 27px 5px 24px;

    }

    .card_button_hajj {

        margin: 60px 0px 0px 25px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_padding_prepaid{

        margin: 105px 0px 0px 27px;

        padding: 5px 27px 5px 24px;

    }



    .soc{

        position: absolute;

        top: 70%;

        margin-left: 25%;

    }



    .tab-content .row .col-md-4 {

        color: #7f7f7f;

        border-right: 0px;

        margin: 130px 20px 0px 20px;

        text-align: justify;

        font-size: 15px;

        padding: 15px;

    }



    .container-fluid .row .tab_text {

        margin-left: 10px;

        margin-top: 10px;

        font-size: 15px;

    }



.scroll-row {

    height: 525px;

    overflow: scroll;

}











}

    /* Smartphones (portrait and landscape) ----------- */

@media only screen and (min-device-width : 380px) and (max-device-width : 480px) {

.apply_button{

	margin-left: 76px;

}



.container-fluid .row .col-md-3{

	margin-left: 45px;

}

.container-fluid .row .tab_text{

    margin: 10px 20px;

    font-size: 15px;

}



.view_title{

	    margin-top: 0px;

}



.view_title section{

	    margin: 0px;

}



.row .nav-item{

	background-color: #bfbfbf;

	padding: 12px 0px 0px 15px;

	flex: 0 0 45%;

    max-width: 64%;

    margin-top: 28px;

}





.tab-content{

	height: 540px; border: 5px solid #bfbfbf;

}



.tab-content .row .col-md-4 {

    color: #7f7f7f;

    border-right: 0px;

    margin: 0px 20px 0px 20px;

    text-align: justify;

    font-size: 15px;

    padding: 15px;

}

.tab-content .cardpic img {
	position: relative;
	margin: -5px 36px;
	width: 160px;
}

.learn_button_comon {
	margin: 0px 0px 0px 31px;
	padding: 5px 27px 5px 24px;
	text-align: center;
	vertical-align: middle;
}



.locator{

	margin: 20px 0px 0px 0px;

}



.cong{

	color: #0271bc !important;letter-spacing: 2px; text-shadow:1px 1px 0 rgba(0,0,0,0.3); font-size: 30px;

}



.modal_h4{

	padding: 0px;

}



.modal_right_img{

	margin-left: 0px;

	margin-bottom: 10px;

}



    .learn_button_bn_gold{

        margin: 92px 0px 0px 23px;

        padding: 5px 27px 5px 24px;

    }



.card_button_padding {
	margin: 40px 0px 0px 37px;
	padding: 5px 27px 5px 24px;
}

.card_button_bn_padding{

    margin: 2px 0px 0px 33px;

    padding: 5px 27px 5px 10px;

}



.learn_button_bn_plat {

        margin: 68px 0px 0px 22px;

        /* padding: 5px 27px 5px 24px; */

    }



.learn_button_plat{

    margin: 92px 0px 0px 50px;

    padding: 5px 27px 5px 24px;

    }



.learn_button_gold{

    margin: 115px 0px 0px 50px;

    padding: 5px 27px 5px 24px;

}



 .card_button_padding_classic {

     margin: 117px 0px 0px 55px;

        padding: 5px 27px 5px 24px;

    }





   .card_button_padding_debit_01 {
	margin: 40px 0px 0px 37px;
	padding: 5px 27px 5px 24px;
}


    .card_button_padding_debit{

        margin: 50px 0px 0px 55px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_debit {

        margin: 22px 0px 0px 55px;

        padding: 5px 27px 5px 24px;

    }





    .gift_card{

        margin: 50px 0px 0px 50px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_hajj {

        margin: 20px 0px 0px 55px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_padding_prepaid{

        margin: 40px 0px 0px 50px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_bn_padding_classic {

        margin: 90px 0px 0px 42px;

        padding: 9px 10px 5px 10px;

    }



    .card_button_bn_padding_debit_01 {

        margin: 0px 0px 0px 28px;

        padding: 5px 27px 5px 17px;

    }



    .card_button_bn_padding_debit {

        margin: 25px 0px 0px 26px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_bn_padding_prepaid {

        margin: 71px 0px 0px 21px;

        padding: 5px 27px 5px 24px;

    }



    .card_button_bn_hajj {

        margin: 23px 0px 0px 25px;

        padding: 5px 27px 5px 24px;

    }

    .soc{

        position: absolute;

        top: 70%;

        margin-left: 32%;

    }



    .scroll-row {

        height: 515px;

        overflow: scroll;

    }



    .tab-content{

        font-size: 14px;

    }







}





/* iPads (portrait and landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

/* Styles */

}



/* iPads (landscape) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

/* Styles */

}



/* iPads (portrait) ----------- */

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

/* Styles */

}

/**********

iPad 3

**********/

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}

/* Desktops and laptops ----------- */

@media only screen  and (min-width : 1224px) {

/* Styles */

}



/* Large screens ----------- */

@media only screen  and (min-width : 1824px) {

/* Styles */

}



/* iPhone 4 ----------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}



@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

/* Styles */

}