Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- #phone
- {
- padding: 70px 0px 0px;
- width: 50%;
- margin: auto;
- overflow: auto;
- }
- @media screen and (max-width:400px)
- {
- .footer
- {
- font-size: 12px;
- }
- }
- @media screen and (max-width:400px)
- {
- .news-block p:last-child
- {
- font-size:10pt; /* CHANGEMENT */
- }
- }
- @media screen and (max-width:400px) /* CHANGEMENT */
- {
- /*
- #phone .left,
- #phone .right
- {
- margin-top: 15px;
- text-align: center;
- width: 28%;
- float: left;
- }
- */
- #phone .center img
- {
- width: 150px;
- margin-top:50px;
- margin-bottom:50px;
- }
- #phone .left div:nth-child(1)
- {
- margin-left: -120px;
- }
- #phone .left div:nth-child(2)
- {
- margin-left: 120px;
- margin-top: -66px;
- margin-bottom: 40px;
- }
- #phone .left div:nth-child(3)
- {
- margin-left: -120px;
- }
- #phone .left div:nth-child(4)
- {
- /*margin-left: 120px;
- margin-top: -66px;*/
- margin-bottom: 40px;
- }
- #phone .right div:nth-child(1)
- {
- margin-left: -120px;
- margin-top: -20px;
- }
- #phone .right div:nth-child(2)
- {
- margin-left: 120px;
- margin-top: -66px;
- margin-bottom: 40px;
- }
- #phone .right div:nth-child(3)
- {
- margin-left: -120px;
- }
- #phone .right div:nth-child(4)
- {
- /* margin-left: 120px;
- margin-top: -66px;*/
- }
- #phone .center
- {
- position: relative;
- float: left;
- width: 100; /*44%*/
- text-align: center;
- }
- #phone span
- {
- display: block;
- text-transform: uppercase;
- color: #CCCCCC;
- font-size: 5pt;
- margin-top: 15px;
- }
- }
- @media screen and (min-width:401px) ans (max-width:800px) /* CHANGEMENT */
- {
- /*#phone .left,
- #phone .right
- {
- margin-top: 15px;
- text-align: center;
- width: 28%;
- float: left;
- }*/
- #phone .center
- {
- position: relative;
- float: left;
- width: 44%;
- text-align: center;
- }
- #phone .left div:nth-child(1)
- {
- margin-left: -120px;
- }
- #phone .left div:nth-child(2)
- {
- margin-left: 120px;
- margin-top: -66px;
- margin-bottom: 40px;
- }
- #phone .left div:nth-child(3)
- {
- margin-left: -120px;
- }
- #phone .left div:nth-child(4)
- {
- margin-left: 120px;
- margin-top: -66px;
- margin-bottom: 40px;
- }
- #phone .right div:nth-child(1)
- {
- margin-left: -120px;
- margin-top: -20px;
- }
- #phone .right div:nth-child(2)
- {
- margin-left: 120px;
- margin-top: -66px;
- margin-bottom: 40px;
- }
- #phone .right div:nth-child(3)
- {
- margin-left: -120px;
- }
- #phone .right div:nth-child(4)
- {
- margin-left: 120px;
- margin-top: -66px;
- }
- #phone span
- {
- display: block;
- text-transform: uppercase;
- color: #CCCCCC;
- font-size: 13pt;
- margin-top: 15px;
- }
- }
- @media screen and (min-width:801px) /* CHANGEMENT */
- {
- #phone .left,
- #phone .right
- {
- margin-top: 15px;
- text-align: center;
- width: 28%;
- float: left;
- }
- #phone .center
- {
- position: relative;
- float: left;
- width: 44%;
- text-align: center;
- }
- #phone span
- {
- display: block;
- text-transform: uppercase;
- color: #CCCCCC;
- font-size: 13pt;
- margin-top: 15px;
- }
- #phone .left div:not(:last-child),
- #phone .right div:not(:last-child)
- {
- margin: 10px 0 50px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement